ECharts设置x轴刻度间隔的两种方法

ECharts设置x轴刻度文字间隔的两种方法

背景

最近在写一个echarts数据看板，要在一个页面中展示多张图表，所以留给每张图表的尺寸就很小。这也就使得图表x轴的刻度文字全部挤到一起了，废话不多说，直接上图看效果。

右边的图标就是x轴刻度标签文字被挤到一起了，左边是该过之后的效果。

解决方法

想要达到上面图片中左边的效果方法不止一种。
最笨的方法 如果空间够的话直接将echart所在的div层尺寸设置得大一些，grid对象也同理，只要展示的空间足够宽，刻度标签自然就不会挤到一起。开个玩笑哈，能找到这类文章的，都是需要在有限的空间里解决间隔的问题

方法一: x轴的标签属性axisLabel下利用interval设置间隔
官方文档是这样说的：

通过设置interval的值，来达到按指定间隔显示或者不显示，或者使用回调函数，回调函数返回的布尔值决定指定索引的标签是否显示。这也是网上能找到的最普遍的答案，可惜没能解决我的问题。

官方文档上写的是在类目轴中有效，而我的x数据轴类型是“time”。所以只能再想其他方法

方法二：