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

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
    关注

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

    评论

报告相同问题?

悬赏问题

  • ¥15 esp32驱动GC9A01循环播放视频
  • ¥15 惠普360g9的最新bios
  • ¥15 配置hadoop时start-all.sh老是启动失败
  • ¥30 这个功能用什么软件发合适?
  • ¥60 微信小程序,取消订单,偶尔订单没有改变状态
  • ¥15 用pytorch实现PPO算法
  • ¥15 关于调制信号的星座图?
  • ¥30 前端传参时,后端接收不到参数
  • ¥15 这是有什么问题吗,我检查许可证了但是显示有呢
  • ¥15 机器学习预测遇到的目标函数问题