echarts的时序图的做法

1.看到 时序图 真心不知道怎么做，但在网上查不到相关 时序图 的资料，其实时序图就是堆叠条形图的改良版，可能我说的不是很准确，但我个人感觉这样的做法是对的。

先看我需求

这是我需求要求，要展示的时序图

上代码：在HTML中的代码

 <div class="box">
                      <div class="SKbat HS"></div>
                      <div class="YSpublic">设备无状态</div>
                      <div class="SKbat HH"></div>
                      <div class="YSpublic">关机</div>
                      <div class="SKbat LS"></div>
                      <div class="YSpublic">加工</div>
                      <div class="SKbat HE"></div>
                      <div class="YSpublic">停工</div>
                      <div class="SKbat CS"></div>
                      <div class="YSpublic">调试</div>
                      </div>
                <div id="main1" style="width:500px;height:400px;" v-show="right2"></div>//时序图

在script中的代码块

initChart2(initData){//时序图
       var myChart1 = echarts.init(document.getElementById('main1'));
       var colors = [&