使用echarts获取动态数据绘图时，如何防止坐标轴标签溢出

最新推荐文章于 2024-07-23 15:58:22 发布

谎言三叶草

最新推荐文章于 2024-07-23 15:58:22 发布

阅读量1.2w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： echarts 文章标签： echarts grid containLabel 标签溢出

本文链接：https://blog.youkuaiyun.com/qq_41694696/article/details/80076024

echarts可以通过配置grid.left、grid.right、grid.top、grid.bottom这四个参数来调整图表在容器中的位置，但是当echarts是获取动态数据绘图时，就可能会出现坐标轴的label过长溢出的情况。

这时可以设置grid.containLabel的值为true，这个参数的默认值是false，此时，grid.left、grid.right、grid.top、grid.bottom这四个参数决定的是由坐标轴形成的矩形的尺寸和位置。当修改成true时，这四个参数决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置。

文档内容如下：