echarts报表自定义图形颜色

2020-03-04  本文已影响0人  紫陌红尘Oo

如何给echarts中的 图形改变颜色 ,困扰了我许久 ,今天终于找到了一个解决的方案 ,做一个记录,以后用的时候方便查看 。

 series: {
                           left:'center',//离容器左侧的距离
                           top: 'top',//距离容器上测的距离
                           center: ['50%', '50%'],
                           radius: '85%',
                           type: 'pie',
                           data: [
                               { name: '盖伦', value: data[0].CNT },
                               { name: '寒冰', value: data[1].CNT },
                               { name: '流浪', value: data[2].CNT },
                               { name: '卡特', value: data[3].CNT },
                               { name: '阿狸', value: data[4].CNT },
                           ],
 
                           itemStyle: {
                                emphasis: {
                                    shadowBlur: 10,
                                    shadowOffsetX: 0,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                 },
                                normal:{
                                    color:function(params) {
                                    //自定义颜色
                                    var colorList = [          
                                            '#00FFFF', '#00FF00', '#FFFF00', '#FF8C00', '#FF0000', '#FE8463',
                                        ];
                                        return colorList[params.dataIndex]
                                     }
                                }
                          }
                       }

上一篇 下一篇

猜你喜欢

热点阅读