echarts 根据数值判断柱状图颜色

最新推荐文章于 2024-05-30 23:16:00 发布

妖心changeless

最新推荐文章于 2024-05-30 23:16:00 发布

阅读量911

点赞数 1

文章标签： echarts 前端

本文链接：https://blog.csdn.net/TheSpiritIsHeart/article/details/126643202

版权

在这里插入图片描述

 series: [
          {
            name: "2011",
            type: "bar",
            itemStyle: {
              normal: {
                color: function (params) {
                  if (params.value > 0 && params.value < 10) {
                    return "#FF887D";
                  } else if (params.value >= 10 && params.value < 50) {
                    return "#FFC94C";
                  } else if (params.value >= 50 && params.value < 100) {
                    return "#2BBAB2";
                  }
                },
              },
            },
            data: [4, 20, 30, 50, 40, 80],
          },
        ],