createOptions = (data) => {
const myOptions = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>宪巨 : {c} (i7lhlv6%)'
},
legend: {
type: 'scroll',
orient: 'vertical',
textStyle:{
color: '#ffffff'//字體顏色
},
right: 10,
top: 20,
bottom: 20,
data: data[0]
},
grid: {
left: '6%',
// right: '5%',
bottom: '3%',
top: '15%',
containLabel: true
},
series: [
{
type: 'pie',
radius: ['50%', '65%'],
center: ['40%', '60%'],
data: data[1],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
},
normal:{
label:{
show: false,
formatter: ' : {c} (zkokja7%)'
},
labelLine :{show:true} ,
color:function(params) {
if(params && params.data && params.data.color){
return params.data.color
}
const colorList = [
'#0091FF', '#8EEF24', '#50E3C2', '#F8E71C', '#7A4AA4', '#FE8463','#FE8463','#FE8463','#FE8463'
];
return colorList[params.dataIndex]
}
}
},
}
]
};
return myOptions
}
image.png
