echarts富文本rich的使用

  let xAxis = {
        type: "category",
        data: barData.map((item) => item.name),
        axisTick: {
          show: false,
        },
        nameTextStyle: {
          color: "#fff",
        },
        axisLine: {
          show: false,
          lineStyle: {
            color: "#fff",
          },
        },
        axisLabel: {
          textStyle: {
            color: "white",
          },
          interval: 0,
          formatter: function (value, index) {
            let returnStr = "";
            if (value.length > 6) {
              let i1 = value.substring(0, 6);
              let i2 = value.substring(6, value.length - 1);
              returnStr = i1 + " \n " + i2;
            } else {
              returnStr = value;
            }
            return "{a|" + returnStr + "}";
          },

          rich: {
            a: {
              lineHeight: 15,
            },
          },
          margin: 10,
        },
      };

先上一段代码，在xAxis轴文字样式特殊显示时，主要使用包括formatter对数据进行处理，使用rich对样式进行处理，在formatter中返回结果时引用rich样式显示。