Echarts 柱状图X轴数据显示不全

最新推荐文章于 2024-08-07 16:25:32 发布

我有一个抱枕

最新推荐文章于 2024-08-07 16:25:32 发布

阅读量1k

点赞数 2

分类专栏： Echarts 文章标签： vue.js

本文链接：https://blog.csdn.net/zuichu_2001/article/details/115326118

版权

Echarts 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

在Echarts图表中遇到条数与名字比例失调导致名字无法完全显示的问题，通过调整`axisTick`和`axisLabel`的配置，设置`alignWithLabel`、`interval`、`rotate`和`margin`属性，成功实现了名字斜放并完整显示。这一解决方案有效地解决了图表空间限制的问题。

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

如图所示:
你会发现条数和名字不成比例缺少名字
然后我发现是放不下
在这里插入图片描述
然后就在放名字的地方加了以下代码

		axisTick: {
              alignWithLabel: true,
              interval: 0,
              rotate: -30,
              margin: -15
            },
            axisLabel: {
              interval: 0,
              rotate: 40
            }
          },