欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-27 09:29:15
...
  • 方法一:旋转角度
        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
              }
相关标签: 前端