echart纵坐标标签特别长换行显示

Posted telwanggs

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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) + "\\n";
                        
                        newParamsName += tempStr;
                    
 
                 else 
                    newParamsName = params;
                
                return newParamsName
            
        ,
    
]

效果图：　　

技术图片

 

以上是关于echart纵坐标标签特别长换行显示的主要内容，如果未能解决你的问题，请参考以下文章

Echarts X轴 强制显示所有标签[X坐标]

解决Echarts X轴/Y轴 坐标标签显示不下的问题

解决Echarts X轴/Y轴 坐标标签显示不下的问题

百度echarts插件x轴坐标显示不全决解方法

echart:地图上标签重叠问题解决

echart 横坐标标签倾斜显示实现不了，横坐标加粗字体都可以设置，但是不可以倾斜，为啥？