echarts自定义Y轴刻度及其颜色

echarts自定义Y轴刻度及其颜色_第1张图片

 yAxis: [
          {
            min:0,
            max:5,
            axisLabel: {
              color: "#999",
              textStyle: {
                fontSize: 14,
                fontWeight: 400,
                // 设置分段颜色
                color: function (value) {
                  console.log("试试", value);
                  if (value == 1) {
                    return "rgba(140,198,63,1)";
                  } else if (value == 2) {
                    return "rgba(247,147,30,1)";
                  } else if (value == 3) {
                    return "rgba(193,39,45,1)";
                  } else if (value == 4) {
                    return "rgba(0,39,45,1)";
                  } else if (value == 5) {
                    return "rgba(193,0,45,1)";
                  }
                },
              },
              formatter: function (value) {
                let texts = [];
                // 这个value值就是series的data数组里的每一项
                if (value == 1) {
                  texts.push("一级");
                } else if (value == 2) {
                  texts.push("二级");
                } else if (value == 3) {
                  texts.push("三级");
                } else if (value == 4) {
                  texts.push("四级");
                } else if (value == 5) {
                  texts.push("五级");
                }
                return texts;
              },
            },
          },
        ],

你可能感兴趣的:(javascript,前端)