【echarts】label的颜色设置

先看下效果:label的颜色和图表的颜色保持一致

 直接上代码:

series: [
      {
         // 其他的设置,就不在这里写了
        color: colorList,  // 颜色数组,如果不写,那么图表的渲染颜色和外面的渲染颜色就会不一致
        data: arrObj.map((item, index) => {
          item.label = {
            // 两个地方,保持图表和label的颜色一致
            color: colorList[index],
            formatter: function (item: any) {
              if (item.value < 10000) {
                return `共${item.value}万元\n${item.percent}%)\n${item.name}`
              } else {
                const val = Math.round(item.value / 1000) / 10

                return `共${val}万元\n${item.percent}%)\n${item.name}`
              }
            }
          }
          return item
        }),
      }
    ]
  }

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值