如图所示:X轴只显示tooltip部分内容解决方案
在xAxis下面,实现方法如下
axisLabel: { interval: 0, formatter:function(value) { var ret = "";//拼接加 返回的类目项 var maxLength = 7;//每项显示文字个数 var valLength = value.length;//X轴类目项的文字个数 var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数 if (rowN > 1)//如果类目项的文字大于8, { // for (var i = 0; i < rowN; i++) { // var temp = "";//每次截取的字符串 // var start = i * maxLength;//开始截取的位置 // var end = start + maxLength;//结束截取的位置 //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧 temp = value.substring(0, 7) + " "; ret = temp; //凭借最终的字符串 // } return ret; } else { return value; } } }
参考:https://blog.csdn.net/kebi007/article/details/68488694/