• 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/

  • 相关阅读:
    1
    iulg
    实验10
    作业5 指针应用
    作业4 函数应用
    实验9 指针
    实验 8 数组2
    实验7
    实验6 数组1
    实验5
  • 原文地址:https://www.cnblogs.com/pangjing/p/10338876.html
Copyright © 2020-2023  润新知