名字太長換行處理

              yAxis: {
                        type: 'category',
                        data: ['水罐消防車', '泡沫消防車', '壓縮空氣泡沫消防車', '舉高噴射消防車', '乾粉消防車'],
                        axisLabel: {
                            interval: 0,
                            align:'right',
                            formatter : function(
 
params){
                                var newParamsName = "";// 最終拼接成的字串
                                var paramsNameNumber = params.length;// 實際標籤的個數
                                var provideNumber = 5;// 每行能顯示的字的個數
                                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
                            }
                        },
                    },

名字豎排顯示

           xAxis: {
                        axisLabel:{
                            interval: 0,
                            formatter: function (value) {
                                //x軸的文字改為豎版顯示
                                var str = value.split("");
                                return str.join("\n");
                            },
                            textStyle: {
                                color: '#666666' //color of value
                            }
                        },
                        type: 'category',
                        data: ['玄武區','秦淮區','建鄴區','鼓樓區','浦口區','棲霞區','雨花臺區','江寧區','六合區','溧水區','高淳區']
                    },

文字傾斜處理

             xAxis: {
                        axisLabel:{
                            interval: 0,      //必須帶的屬性
                            rotate:270       //傾斜角度
                        },
                        type: 'category',
                        data: ['01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00'
                            , '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00']
                    },