echarts X轴名称过长 和Y轴数据过长

2022-06-02  本文已影响0人  抽疯的稻草绳
image.png
   xAxis: {
          data: this.liveDataName,
          axisTick: {
            alignWithLabel: true,
          },
          axisLabel: {
            // color: 'red',
            fontSize: "11",
            interval: 0,
            // rotate: -30
            formatter: function (value) {
              var str = "";
              var num = 5; //每行显示字数 
              var valLength = value.length; //该项x轴字数  
              var rowNum = Math.ceil(valLength / num); // 行数  

              if (rowNum > 1) {
                for (var i = 0; i < rowNum; i++) {
                  var temp = "";
                  var start = i * num;
                  var end = start + num;

                  temp = value.substring(start, end) + "\n";
                  str += temp;
                }
                return str;
              } else {
                return value;
              }
            }
          },
          axisLine: {
            show: true,
          },
        },



//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////



        yAxis: {
          axisLabel: {
            fontSize: "15",
          },
          axisLine: {},
          axisLabel: {
            margin: 10,
            formatter: function (value, index) {
              if (value >= 10000 && value < 10000000) {
                value = value / 10000 + "万";
              } else if (value >= 10000000) {
                value = value / 10000000 + "千万";
              }
              return value;
            }
          },
          splitLine: {
            lineStyle: {
              color: "rgba(255,255,255,.1)",
            },
          },
        },
上一篇 下一篇

猜你喜欢

热点阅读