Echarts____坐标轴的名称显示不全，换行操作

最新推荐文章于 2024-06-03 14:30:12 发布

百奇

最新推荐文章于 2024-06-03 14:30:12 发布

阅读量3.8k

点赞数

分类专栏：图表 ReactJs

本文链接：https://blog.csdn.net/qq_43264596/article/details/98967446

版权

ReactJs 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

图表

7 篇文章 0 订阅

订阅专栏

在这里插入图片描述
实现效果如图 X轴的名称是可以换行的，具体代码是：

{
                                        gridIndex:2,
                                        data:xAxisData3,
                                        axisLabel:{
                                            rotate:30,
                                            interval:0,
                                            textStyle:{
                                            fontSize:'14px',
                                            },
                                            formatter:function(params) {
                                                var newParamsName = "";
                                                var paramsNameNumber = params.length;
                                                var provideNumber = 7;  //一行显示几个字
                                                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 ;
                                            },
                                        }
                                    }