echarts XY軸label過長問題解決

    xAxis: {
          data: this.liveDataName,
          axisTick: {
            alignWithLabel: true,
          },
          axisLabel: {
            // color: 'red',
            fontSize: "11",
            interval: 0,
            // rotate: -30
            formatter: function (value) {
              var str = "";
              var num = 5; //每行顯示字數(shù) 
              var valLength = value.length; //該項x軸字數(shù)  
              var rowNum = Math.ceil(valLength / num); // 行數(shù)  

              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,
          },
        },

原文http://events.jianshu.io/p/412500172201

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容