线条设置 环内文字,单位
<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
}
};
}
}