echarts 饼图 pie label 颜色自定义

在研究饼图, 自定义label, 并且颜色不根据option的color的颜色而变

option.series[0].label = {
                formatter:  '{b}\n {c} {{d}%}',
}

 

 想要改变为

 

 可以配合rich一起使用, 代码如下:

 option.series[0].label = {
                formatter: '{dark|{b}}\n {color|{c}} {color|({d}%)}',
                rich: {
                    dark: {
                        color: '#000',
                    },
                    color: {
                        color: '#309cfe'
                    }
                    
                    
                }
            }
 
其中: dark 是设置的颜色, 当然也可以设置其他的, 具体可以参考官方文档 https://echarts.apache.org/zh/option.html#series-pie.label.rich
{a}{b} {c} {d}...等等是label 的对应的值, 官方文档 https://echarts.apache.org/zh/option.html#series-pie.label.formatter

 

posted @ 2020-08-04 11:31  甜甜宝宝  阅读(12198)  评论(0编辑  收藏  举报