美文网首页
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