echarts 图表点的颜色支持自定义

xiaoming_0208

已于 2023-09-13 11:42:52 修改

阅读量342

点赞数

分类专栏：前端文章标签： echarts 前端 javascript

于 2023-02-16 15:42:03 首次发布

前端专栏收录该内容

33 篇文章 0 订阅

订阅专栏

echarts 图表点的颜色根据y轴的值动态改变颜色

核心代码: 和series对象平行

visualMap: {
        top: 10,
        right: 10,
        show: true,
        pieces: [{
          gt: 0,
          lte: 40,
          color: '#096'
        }, {
          gt: 40,
          lte: 60,
          color: '#ffde33'
        }, {
          gt: 60,
          lte: 100,
          color: '#ff9933'
        }, {
          gt: 100,
          lte: 150,
          color: '#cc0033'
        }],
        outOfRange: {
          color: '#999'
        }
      },