Monster_MYY 2020-10-24 11:40 采纳率: 0%
浏览 1240

echarts根据数据动态改变柱状图边框的颜色

###如题
找到的方法是通过params判断值的范围然后返回color的值,
但是似乎只适用于动态设置color,也就是柱体颜色,此时柱子边框和柱体颜色是一致的。

问题是:如何动态改变柱子边框的颜色,让它和柱体颜色不同呢?

动态改变color的代码:

            {
              name: 'Volume',
              type: 'bar',
              barWidth: 13,
              silent: true, // 去除点击时的高亮效果
              xAxisIndex: 1,
              yAxisIndex: 1,
              itemStyle: {
                color: function(params) { // 动态改变柱子颜色
                  const colorType = params.value[2]
                  if (colorType === 0) {
                    return '#009F00'
                  } else {
                    return '#D02C2C'
                  }
                }
              },
              data: this.volumeData
            }
                        ```
  • 写回答

2条回答 默认 最新

  • 2022-09-08 16:31
    关注

    同问,有什么好的方法吗? 求解!!

    评论

报告相同问题?