在工作中经常遇到需要环形进度条的场景,用echarts 饼图就能容易得办到,option 配置如下所致。
option = {
title: {
text: (20 * 1) + '%',
x: 'left',
y: 'top',
textStyle: {
color: 'red',
fontSize: 100,
}
},
series: [{
type:'line',
name: 'main',
silent: true,
radius: ['50%', '60%'],
label: {
normal: {
show: false,
}
},
data: [
{
value: 20,
itemStyle: {
normal: {
color: 'red'
}
}
},
{
value: 80,
itemStyle: {
normal: {
color: '#d3daf5'
}
}
}
]
}
]
};
不知道这个地方贴代码的格式咋搞哦,贴出来好丑,那就先整个图