美文网首页
echarts报表自定义图形颜色

echarts报表自定义图形颜色

作者: 紫陌红尘Oo | 来源:发表于2020-03-04 10:43 被阅读0次

如何给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]
                                     }
                                }
                          }
                       }

相关文章

网友评论

      本文标题:echarts报表自定义图形颜色

      本文链接:https://www.haomeiwen.com/subject/urtmlhtx.html