echarts如何设置日期类型的x轴

echarts如何设置日期类型的x轴

echarts设置时间类型x轴，我的方式是通过一个方法先将时间数据格式化好，存入数组中，在应用到x轴的参数中。

该方法传入两个参数，一个是x轴所需参数的个数，一个是时间间隔的粒度。这里时间格式化为年-月-日的形式，根据自己的需要调整时间格式就行。

返回的数据是一个格式化好的时间数组。

如，调用getDateList(7,24*60*60*1000)，得到如下最近七天日期年月日格式化的数组：

若将时间格式调整为“HH:mm”，调用getDateList(24,60*60*1000)，就能得到最近24小时间隔粒度为1小时的数组：

绘制一个简单的折线图，调用上面的方法，得到一个七天日期年月日格式化的数组，将数组传给xAxis的data中，然后在series中传入具体数据就可以得到一个最近七天日期为x轴刻度的折线图。

效果如下：

数组换成最近七小时，效果如下：

官方的实例也是像xAxis的data中传入了一个数组，我们只不过是将数组用一个方法提前组装好罢了，想要什么样的数据就组装成什么样的数据。