echarts饼图指示器文字颜色设置不同

最新推荐文章于 2024-05-18 11:06:13 发布

m0_67390379

最新推荐文章于 2024-05-18 11:06:13 发布

阅读量565

点赞数

分类专栏：面试学习路线阿里巴巴文章标签： android 前端后端

本文链接：https://blog.csdn.net/m0_67390379/article/details/126099594

版权

学习记录，平时开发时遇到过的问题

echarts饼图label文字颜色??

需求：绘制一份环形饼状图，并且有指示器文本标签（文字的颜色需要和各部分相同）

数据：

pieData: [
    {
        name: '犯人',
        value: 30
    },
    {
        name: '官差',
        value: 35
    },
    {
        name: '平民',
        value: 35
    },
]，
// 颜色
colorList: ['#EA7267', '#F0D84B', '#7AE72F']

制作一张环形饼图其实很简单，echarts官网上也有示例，地址：https://echarts.apache.org/examples/zh/editor.html?c=pie-doughnut

主要绘制代码：

let options = { 
    ......
    series: [
        {
            type: 'pie',
            radius: ['40%', '62%'],
            data: this.pieData,
            itemStyle: {