echarts x轴文本超过八个字用...代替

木毅01

于 2024-06-18 16:30:17 发布

阅读量129

点赞数 1

分类专栏： echarts 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_27806371/article/details/139777348

版权

echarts 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

        xAxis: [
          {
            type: 'category',
            data: [
              '悬挂5秒',
              '悬挂10秒',
              '迷宫、翻山越岭入口',
              '迷宫入口',
              '翻山越岭入口',
              '梯子+滚筒，高难度',
              '高等难度安吉木梯',
              '中等难度安吉木梯',
              '轮胎+平衡板',
              '高低不平的平衡桩+滚筒',
              '上下坡平衡木',
              '平衡跷跷板',
            ],
            axisPointer: {
              type: 'shadow'
            },
            axisLabel: {
              rotate: 45,
              color: '#333',
              fontSize: 10,
              formatter: function (value, index) {
                // 如果文本长度超过8个字，则返回前八个字加上省略号
                if (value.length > 8) {
                    return value.slice(0, 8) + '...';
                }
                // 如果文本长度不超过8个字，则直接返回原文本
                return value;
              }
            },
          }
        ],

              //这里就是起作用的地方
              formatter: function (value, index) {
                // 如果文本长度超过8个字，则返回前八个字加上省略号
                if (value.length > 8) {
                    return value.slice(0, 8) + '...';
                }
                // 如果文本长度不超过8个字，则直接返回原文本
                return value;
              }