zoukankan      html  css  js  c++  java
  • echart纵坐标标签特别长换行显示

    纵坐标

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    yAxis : [
        {
            type : 'category',
            data : name,
            axisLabel: { //坐标轴刻度标签的相关设置。
                textStyle: {
                    color: '#000',
                    fontStyle: 'normal',
                    fontFamily: '微软雅黑',
                    fontSize: 12,
                },
                interval : 0,
                formatter : function(params){
                    var newParamsName = "";
                    var paramsNameNumber = params.length;
                    var provideNumber = 38;
                    var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
                    if (paramsNameNumber > provideNumber) {
                        for (var p = 0; p < rowNumber; p++) {
                            var tempStr = "";
                            var start = p * provideNumber;
                            var end = start + provideNumber;
                            if (p == rowNumber - 1) {
                                tempStr = params.substring(start, paramsNameNumber);
                            else {
                                tempStr = params.substring(start, end) + " ";
                            }
                            newParamsName += tempStr;
                        }
     
                    else {
                        newParamsName = params;
                    }
                    return newParamsName
                }
            },
        }
    ]

    效果图:  

  • 相关阅读:
    外部存储 使用详解
    内部存储 使用详解
    SQLite 使用详解
    SharePerference 使用详解
    Preference 使用详解
    Notification 使用详解
    PopupWindow 使用详解
    Fragment 使用详解
    Dialog 使用详解
    ListView 使用详解
  • 原文地址:https://www.cnblogs.com/telwanggs/p/11056519.html
Copyright © 2011-2022 走看看