• echart 横轴 上下分开显示


    代码:

     1 xAxis: [
     2         {
     3             type: 'category',
     4             data:[],
     5             axisLabel: {  
     6                 interval: 0,  
     7                 formatter:function(value)  
     8                 {  
     9                     debugger  
    10                     var ret = "";//拼接加
    返回的类目项  
    11                     var maxLength = 2;//每项显示文字个数  
    12                     var valLength = value.length;//X轴类目项的文字个数  
    13                     var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数  
    14                     if (rowN > 1)//如果类目项的文字大于3,  
    15                     {  
    16                         for (var i = 0; i < rowN; i++) {  
    17                             var temp = "";//每次截取的字符串  
    18                             var start = i * maxLength;//开始截取的位置  
    19                             var end = start + maxLength;//结束截取的位置  
    20                             //这里也可以加一个是否是最后一行的判断,但是不加也没有影响,那就不加吧  
    21                             temp = value.substring(start, end) + "
    ";  
    22                             ret += temp; //凭借最终的字符串  
    23                         }  
    24                         return ret;  
    25                     }  
    26                     else {  
    27                         return value;  
    28                     }  
    29                 }  
    30             },
    31         grid: {  
    32                 left: '10%',  
    33                 bottom:'35%'  
    34         }
    35 
    36         }
    37     ],

    示例图

  • 相关阅读:
    three.js模型
    three.js贴图
    three.js材质
    three.js自定义形状
    border
    虚拟主机Dede程序安装
    万网虚拟主机目录
    ConcurrentHashMap
    Oracle中select使用别名
    单例模式
  • 原文地址:https://www.cnblogs.com/smartisn/p/12246212.html
Copyright © 2020-2023  润新知