1. 程式人生 > >echarts x軸文字換行顯示

echarts x軸文字換行顯示

mat rownumber false 管控 ffffff style slab 社交 知識

                  xAxis : [
                                {
                                    splitLine:{show:false},
                                    type : ‘category‘,
                                    data : [‘社交人際‘,‘溝通交流‘,‘心理認知‘,‘遊戲玩耍‘,‘大小運動‘,‘生活自理‘,‘執行管控‘,‘知識常識‘],
                                    splitArea:{show:false},
                                    axisLabel: {
                                        show: true,
                                        interval:0,
                                        formatter:function(params) {
                                            var newParamsName = "";
                                            var paramsNameNumber = params.length;
                                            var provideNumber = 2;  //一行顯示幾個字
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 }, textStyle: { color: ‘#6861a6‘ //文字顏色 } } },

echarts x軸文字換行顯示