当前位置: 代码迷 >> 综合 >> v-charts 环形图中间文字, 线条设置
  详细解决方案

v-charts 环形图中间文字, 线条设置

热度:95   发布时间:2024-01-26 13:17:43.0

线条设置 环内文字,单位

 <ve-ring :data="chartData" height='800px' :settings="chartSettings" :events="chartEvents" :graphic='graphic' :legend-visible='false':extend ='extend ':tooltip-visible='false' 
></ve-ring>
data() {
return {this.chartSettings={offsetY: 320,radius: [125, 170],labelLine: {//设置延长线的长度normal: {length: 45,//设置延长线的长度length2: 80,//设置第二段延长线的长度},}};//  环内文字设置:this.graphic= [{    type: 'text', left: 'center',          top: '32%',style: {                text: "客户数量",textAlign: 'center',fill: '#999999', fontSize: 21,color: "#4d4f5c",}},{type: 'text',left: 'center',top: '38%',style: {text: this.textData + '位',textAlign: 'center',fill: '#000',fontSize: 25,}}];// 环内文字单位this.extend ={label:{formatter: '{b} : {c} 位',color:'#000',fontSize:16}};}
}