createOptions = (data) => {
const myOptions = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
},
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: '{b} : {c} ({d}%)'
},
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
}
饼状图
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- https://www.w3cschool.cn/echarts_tutorial/echarts_tutoria...
- 本文为ORCharts:环形图、饼状图、扇形图 部分, 做详细说明 相关连接 GitHub ORCharts OR...