指点成金-最美分享吧

登录

echarts x轴文字换行显示

佚名 举报

篇首语:本文由小编为大家整理,主要介绍了echarts x轴文字换行显示相关的知识,希望对你有一定的参考价值。

                  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) + "
";                                                    }                                                    newParamsName += tempStr;                                                }                                            } else {                                                newParamsName = params;                                            }                                            return newParamsName                                        },                                        textStyle: {                                            color: "#6861a6" //文字颜色                                        }                                    }                                },

 

以上是关于echarts x轴文字换行显示的主要内容,如果未能解决你的问题,请参考以下文章