let data = [
{
value: 410,
name: '检通一'
},
{
value: 380,
name: '检查通知书'
},
{
value: 501,
name: '未检查告知'
},
];
let color = [{type:'linear',colorStops:[{ offset:0, color:'#01BAFA'},{ offset:1, color:'#02364F'}]},"#4293fc","#4293fc"]
let data1 = data[0].value + data[1].value + data[2].value;
let baseData = [];
for (var i = 0; i < data.length; i++) {
baseData.push({
value: data[i].value,
name: data[i].name,
itemStyle: {
normal: {
borderWidth: 20,
//shadowBlur: 50,
borderColor: color[i],
// shadowColor: 'rgba(0, 0, 0, 0.8)'
}
}
});
}
option = {
title: {
text: '',
textStyle: {
color: '#fff',
fontSize: 55,
},
top: '15%',
left: '15%',
},
backgroundColor: '#0d235e',
tooltip: {
show:true,
trigger: 'item',
formatter: "{a}:{b} <br/>占比:{d}%"
},
legend: {
data: ['检通一', '检查通知书', '未检查告知'],
icon: 'circle',
bottom: '0%',
show:true,
},
grid: {
top: 'bottom',
left: '90',
width: '90%',
height: '80%',
},
series: [{
zlevel: 1,
name: '数据采集',
type: 'pie',
selectedMode: 'single',
radius: [190, 200],
startAngle: '135',
hoverAnimation: false,
label: {
normal: {
show: true,
formatter: ['{c|{c}}', '{b|{b}}'].join('\n'),
rich: {
b: {
fontSize: 20,
lineHeight: 30
},
c: {
fontSize: 20,
lineHeight: 30
}
}
}
},
itemStyle: {
borderRadius: 30,
borderColor: '#fff',
borderWidth: 80
},
data: baseData
}
]
};
echart圆环圆角颜色渐变
于 2022-06-11 00:17:21 首次发布