Echarts 绘制启停图

需要绘制如下图所示的启停图：

我在 echarts 中并没有找到能够直接使用的demo配置项，那么该如何处理呢？

用 D3.js 肯定能够完成这个工作，但是需要自己处理数据的时间线，例如时间放缩、可交互的图例、多个纵轴维度等，可能得做半天。

突然想到，echarts 提供了自定义图形渲染接口，能不能用来完成这个工作呢？

经过调研，果然是可以的。配置项 series 的type设置为 "custom", 同时配置 series.renderItem 方法， 告诉echarts该怎么渲染此图形即可。

用这个方法，很快就能完成启停图的开发。