echarts双层时间轴x轴该如何实现？

Question

如何实现图中的echarts曲线？

这种曲线图把时间轴分为了两层，上层显示月份，下层显示年份。但不固定，时间轴的显示方式主要根据时间数据来划分。有遇到过类似的，求推荐。

Answer 1

时过境迁，看到问题还存在，就尝试把自己的解决方法写出来供大家参考；
这种双层X轴做法echarts官方到目前都没有比较好的解决办法，但是经过多番求索，可以通过多层grid叠加的方法来实现；
(1)过程线区域是核心区域，是最底层grid的series区域；
(2)多个Y轴也是最底层grid的Y轴；
(3)X轴部分最复杂，最底层grid的X轴是隐藏的，不显示。而能够看到的X轴其实其他grid层的series区域叠加的结果；具体到X轴月份轴，这个其实不是X轴，而是另外一个柱状图的series区域，这个柱状图的X轴和Y轴都是隐藏；同理，X轴年份区域是另外一个柱状图的series区域，这个柱状图的X轴和Y轴也是隐藏的。
最后总结：上面的图形其实就是一个过程线图+两个柱状图的叠加，X轴的每一个格子其实就是一个壮壮图的柱子图形。当然，柱子的宽度是需要精准计算的，要保证过程线上每个对应时间的点落在响应的月份和年份中。
最后，鉴于真实的案例代码多达几千行，就不在此一一列举了。希望这个思路能够帮到一部分人。同时，如果有人有更好的解决办法，也可以再次留言。