zoukankan      html  css  js  c++  java
  • 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/

  • 相关阅读:
    Hadoop.2.x_集群初建
    Hadoop.2.x_网站PV示例
    Hadoop_简单操作ZooKeeper
    Hadoop.2.x_时间服务器搭建(CentOs6.6)
    Linux_Scp命令
    Java_Eclipse_Maven环境搭建
    Java_Eclipse_Maven插件部署
    HDU 1394 线段树or 树状数组~
    hdu
    HDU 4070 + 赤裸裸的贪心~~
  • 原文地址:https://www.cnblogs.com/pangjing/p/10338876.html
Copyright © 2011-2022 走看看