学无先后,达者为师

网站首页 编程语言 正文

echarts 柱状图,单独一根柱子根据条件改变颜色

作者:傻的太坏 更新时间: 2024-03-04 编程语言

我这里是根据x轴数组的最后一个元素与series里面的color的val来做对比,如果相等就改变颜色

  myChart.setOption({
              xAxis: {
                data: result.dep_data
              },
              series: [
                {
                  data: result.data,
                  itemStyle: {
                      normal: {
                          color:(val) => {
                            console.log("==》",val)
                            var valLength = result.dep_data.length
                            var newVal =  result.dep_data[valLength-1]
                            console.log("==>",newVal)
                              if (val.name == result.dep_data[valLength-1]) {
                                  return '#F7782C'
                              } else{
                                return '#5470c6'
                              }
                          },
                      },
                  },
                }
              ]
            })

原文链接:https://blog.csdn.net/weixin_38897313/article/details/126870985

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新