echart版本：5.4.0
let current = 0; // 当前用量
let all = 100; // 总量
let option = {
animation:false,
backgroundColor:"transparent",
tooltip: {
trigger: 'item',
show: false,
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
series: [
{
type: 'pie',
silent:true,
label: {
show: false
},
center: ['50%', '50%'],
radius: ['45%', '70%'],
// startAngle: 180,
itemStyle: {
borderRadius: 50,
},
data: [
{
value: 1050,
itemStyle: {
color: '#E7EDFC'
}
},
{
value: 0,
itemStyle: {
color: 'transparent'
}
},
]
},
{
type: 'pie',
label: {
show: false
},
silent:true,
center: ['50%', '50%'],
radius: ['45%', '70%'],
// startAngle: 180,
itemStyle: {
borderRadius: 50,
},
data: [{
value: 858,
itemStyle: {
color: {
type: 'linear',
colorStops: [
{
offset: 0,
color: '#4973ED'
},
{
offset: 1,
color: '#7284F8'
}
]
}
}
},
{
value: 192,
itemStyle: {
color: 'transparent'
}
},
]
}
]
};
效果图：
标签：50%,false,echart,color,itemStyle,配置,value,圆环 From： https://www.cnblogs.com/nldy4377/p/16951533.html