//设备情况饼状图
var chart = echarts.init(document.getElementById('sbqk'));
var option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
series: [
{
name: '设备情况',
type: 'pie',
radius: ['30%', '60%'],//内外圈大小
center: ["60%", "50%"],//饼状图位置
labelLine: {
length:5,
},
label: {
formatter: ' {b}\n\n{c} ',
borderWidth: 0,
borderRadius: 4,
rich: {
b: {
color: '#C3E1FE',
fontSize: 8,
},
}
},
data: [
{value: data.dfp, name: '待分配:'+data.dfp,itemStyle: { color: '#FF6E76' }},
{value: data.dcz, name: '待处置:'+data.dcz,itemStyle: { color: '#FDDD60' }},
{value: data.ddc, name: '带督查:'+data.ddc,itemStyle: { color: '#58D9F9' }},
{value: data.ydcdxh, name: '已督查待销号:'+data.ydcdxh,itemStyle: { color: '#8496E9' }},
{value: data.yxh, name: '已销号:'+data.yxh,itemStyle: { color: '#07BEAA' }}
]
}
]
};
chart.setOption(option);
echarts饼状图位置设置
最新推荐文章于 2024-05-15 23:03:18 发布