Echart ,X轴显示的为tooltip内显示的一部分内容放在上面显示的一部分如下图所示

如图所示: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/

原文地址:https://www.cnblogs.com/pangjing/p/10338876.html