关于 echarts X轴坐标名称过长显示问题

最新推荐文章于 2024-09-03 16:35:39 发布

吃橘子嗎

最新推荐文章于 2024-09-03 16:35:39 发布

阅读量4k

点赞数 1

分类专栏： echarts

本文链接：https://blog.csdn.net/qq_42477147/article/details/99726811

版权

echarts 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

代码：

xAxis: {   //x轴参数配置 
      type: 'category',
      data: [],
      axisTick: {
        alignWithLabel: true,
      },
      axisLine: {
        lineStyle: {
          color: '#9c9c9c',
        },
      },
      axisLabel: {
        // 坐标轴刻度标签的相关设置。
        show: true,
        interval: 0,
        formatter: function (value) {   //关键代码
          var res = value
          if (res.length > 7) {
            res = res.substring(0, 6) + '..'
          }
          return res
        },
      },
    },