[易学技巧] 一看就会，超有用活字格技能：二百零九、使用Echarts插件实现时序图

//获取数据表中的数据
const { 设备名, 状态, 开始时间, 结束时间 } =
  ForguncyEchartsHelper.splitDataSource(Context.Data);

//状态的名称和颜色，可以修改和添加

var state = ['待机', '加工', '故障', '关机'];
var colors = ['#2f4554', '#61a0a8', '#d48265', '#c23531'];


var data = [];
var yAxisData = [...new Set(设备名)];

for (let i = 0; i <= 设备名.length; i++) {
  let name = 设备名;
  let status = 状态;
  let start = oaDateToHours(开始时间);
  let end = oaDateToHours(结束时间);
  let item = {
    name: name,
    value: [yAxisData.indexOf(name), start, end, 开始时间, 结束时间],
    itemStyle: {
      normal: {
        color: colors[state.indexOf(status)]
      }
    }
  }
  data.push(item);
}