echarts饼图自定义设置颜色的三种方式
第一种方式 option下
color:[#45C2E0, #C1EBDD, #FFC851,#5A5476,#1869A0,#FF9393],
整体代码如下：
option = {
tooltip: {
trigger: item
},
legend: {
top: 5%,
left: center
},
color:[#45C2E0, #C1EBDD, #FFC851,#5A5476,#1869A0,#FF9393],
series: [
{
name: 城市,
type: pie,
radius: [50%, 70%],
avoidLabelOverlap: false,
label: {
show: false,
position: center
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: bold
}
},
labelLine: {
show: false
},
data: [
{
value: 1048, name: 北京},
{
value: 735, name: 上海},
{
value: 580, name: 广州},
{
value: 484, name: 深圳},
{
value: 300, name: 杭州},
{
value:456,name:"雄安"}
]
}
]
};
效果如下：
第二种方式 series下
itemStyle: {
normal: {
color: function(colors) {
var colorList = [
#45C2E0, #C1EBDD, #FFC851,#5A5476,#1869A0,#FF9393
];
return colorList[colors.dataIndex]
}
}
},
整体代码如下：
效果如下： 第三种方式 data下
itemStyle: {
color:"black"}
整体代码如下：
效果如下：
