Echars柱状图 柱子颜色根据值变化

Echars柱状图 柱子颜色根据值变化

在series 里边加入这一段

                 itemStyle: {
                  normal: {
                    color: function (e) {
                      var item_color = e.value;
                      if (item_color >=0 && item_color<20) {
                        return "#D33C0E";
                      } else if (item_color >= 20&&item_color<70) {
                        // 此处还可以设置渐变色
                        return new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                          {
                            offset: 0,
                            color: "rgba(211, 60, 14,0.55)", // 0% 处的颜色
                          },
                          {
                            offset: 0.7,
                            color: "rgba(88, 209, 111, 0.65)", // 70% 处的颜色
                          },
                          {
                            offset: 1,
                            color: "rgba(88, 209, 111, 0.85)", // 100% 处的颜色
                          },
                        ]);
                      }else {
                        return "#58D16F";
                      }
                    },
                  },
                },