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
             }
         },
     }
]

效果圖:  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM