自定义设置echarts label里的颜色

最新推荐文章于 2024-05-21 17:07:50 发布

酒渣

最新推荐文章于 2024-05-21 17:07:50 发布

阅读量716

点赞数

文章标签： echarts 前端

本文链接：https://blog.csdn.net/weixin_40923558/article/details/131665501

版权

自定义echarts label里的颜色

在这里插入图片描述

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      label:{
        show: true,
        formatter: function (params){
          console.log(params)
          if (params.value > 100){
            return '{a|'+ params.value +'}'
          } else {
            return '{b|'+ params.value +'}'
          }
        },
        rich: {
          a: {
            color: "#ff0000",
            fontSize: 20,
            },
          b: {
            color: '#fff',
            fontSize: 20,
          }
        }
      }
    }
  ]
};