Antv/G2 图表坐标轴文字过长时添加省略号

最新推荐文章于 2024-08-12 16:27:34 发布

＊且听风吟

最新推荐文章于 2024-08-12 16:27:34 发布

阅读量512

点赞数

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

本文链接：https://blog.csdn.net/hh18700418030/article/details/133950797

版权

在Antv/G2图表中，当坐标轴的文字过长时，本文介绍如何进行省略号处理，以保持页面效果的整洁和易读性。通过调整配置项，可以实现文字在超出特定长度后自动添加省略号。

摘要由CSDN通过智能技术生成

// 格式化文字，超过长度添加省略号
        chart.axis('city', {
   
            label: {
   
             formatter: (text) => {
   
              // 字符太长添加省略号
             return text.length > 5 ? `${
     text.slice(0, 5)}...` : text;
             }
            }
        })