echarts中x軸數據過長換行

#echarts中x軸數據過長換行bash

axisLabel: {//座標軸刻度標籤的相關設置。
                    rotate: 60,
                    margin: 20,
                    formatter: function(params) {
                       var newParamsName = '';// 最終拼接成的字符串
                                var paramsNameNumber = params.length;// 實際標籤的個數
                                var provideNumber = 7;// 每行能顯示的字的個數
                                var rowNumber = Math.ceil(paramsNameNumber / provideNumber);// 換行的話,須要顯示幾行,向上取整
                                /**
                                 * 判斷標籤的個數是否大於規定的個數, 若是大於,則進行換行處理 若是不大於,即等於或小於,就返回原標籤
                                 */
                                // 條件等同於rowNumber>1
                                if (paramsNameNumber > provideNumber) {
                                    /** 循環每一行,p表示行 */
                                    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
                    }

                },
複製代碼
相關文章
相關標籤/搜索