echarts x轴文本过长,旋转角度与换行显示

最新推荐文章于 2024-07-10 11:56:39 发布

test45656

最新推荐文章于 2024-07-10 11:56:39 发布

阅读量1k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_45465689/article/details/110424103

版权

前端专栏收录该内容

31 篇文章 0 订阅

订阅专栏

方法一:旋转角度

        axisLabel : {
            interval:0, //强制文字产生间隔
            rotate:"45" //旋转角度
        }

方法二:换行,利用函数返回截取拼接字符串的方法

formatter: function(params) {
                var newParamsName = ''
                var paramsNameNumber = params.length
                var provideNumber = 4
                var rowNumber = Math.ceil(paramsNameNumber / provideNumber)
                for (let row = 0; row < rowNumber; row++) {
                  newParamsName +=
                    params.substring(
                      row * provideNumber,
                      (row + 1) * provideNumber
                    ) + '\n'
                }
                return newParamsName
              }