就一句话简单易懂
在eacharts中API的配置中有一个color属性只需要将color加上就能改变每一个饼图的颜色
例: color:["rgb(84,112,198)","rgb(145,204,117)","rgb(250,200,88)"],
echarts(data) {
this.$echarts.init(document.getElementById('main_right')).setOption({
title: {
text: '公司类型占比 (个数)'
},
tooltip: {
trigger: 'item'
},
legend: {
top: '5%',
left: 'center'
},
color:["rgb(84,112,198)","rgb(145,204,117)","rgb(250,200,88)"],//这里就是改变饼图颜色
series: [
{
type: 'pie',//echarts类型-饼图
radius: ['30%', '80%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 20,
borderColor: '#fff',
borderWidth: 3,
},
label: {
show: false,
position: 'center'
},
labelLine: {
show: false
},
data: data
}
]
})
},
实现效果:
我所修改饼图就是这样去修改的!