echart柱状条根据不同数据显示不同颜色

yuyu_2019

已于 2023-03-22 12:47:30 修改

阅读量294

点赞数

分类专栏： echarts 文章标签： javascript vue.js typescript

于 2023-03-13 14:07:36 首次发布

本文链接：https://blog.csdn.net/yuyu_2019/article/details/129492875

版权

echarts 专栏收录该内容

4 篇文章

订阅专栏

series: [{
          data: [100, 80, 60, 40, 20, 90, 70],
          type: 'bar',
          barWidth: 15,
          itemStyle: {
            normal: {
              color: function (value) {
                console.log('颜色这里')
                let vv = value.value
                console.log(vv)
                if (vv >= 80) {
                  return 'red'
                }
                else if (vv >= 60) {
                  return 'yellow'
                }
                else {
                  return 'green'
                }
              }
            }
          }
        }]