echarts X轴文字超长的部分三个点显示但是tooltip显示全称

最新推荐文章于 2023-11-07 10:53:39 发布

淋雪小新

最新推荐文章于 2023-11-07 10:53:39 发布

阅读量461

点赞数 1

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

本文链接：https://blog.csdn.net/zxl_start/article/details/126176766

版权

前端同时被 2 个专栏收录

59 篇文章 2 订阅

订阅专栏

14 篇文章 0 订阅

订阅专栏

X轴文字超长的部分三个点显示但是tooltip显示全称

axisLabel里formatter函数可以实现

 axisLabel: {
              margin: 20, //x轴距离文字距离
              interval: 0, //使x轴文字显示全
              rotate: 0, //文字倾斜
              formatter: function (value) {
                let valueTxt = "";
                if (value.length > 3) {
                  valueTxt = value.substring(0, 8) + "...";
                } else {
                  valueTxt = value;
                }
                return valueTxt;
              },
            },