echarts绘制机组开关状态折线图

用echarts绘制机组开关状态折线图(开的状态有线条,关的不显示线条)效果如下图:
在这里插入图片描述

核心代码如下:

option = {
  xAxis: {
    type: 'time',
  },
  yAxis: {
    type: 'value',
    splitNumber:2,
    // axisLine: {
    //     show: true,
    //     lineStyle: {
    //       color:'#808080'
    //     }
    //   },
    axisLabel:{
      formatter:function(value){
        if(value===1){
          return '泵1'
        }else if(value===2){
          return '泵2'
        }
      }
    }
  },
  series: [
    {
      data: [['2022-10-25 08:00',1], ['2022-10-25 09:00',1], ['2022-10-25 10:00',null], ['2022-10-25 11:00',1], ['2022-10-25 12:00',1],['2022-10-25 13:00',null], ['2022-10-25 14:00',1],['2022-10-25 14:30',1], ['2022-10-25 15:00',null],['2022-10-25 16:00',1]],
      type: 'line',
      symbol: 'none',
      name:'泵1'
    },
    {
      data: [['2022-10-25 08:00',2], ['2022-10-25 09:00',null], ['2022-10-25 10:00',2], ['2022-10-25 11:00',2], ['2022-10-25 12:00',2],['2022-10-25 13:00',null], ['2022-10-25 14:00',2],['2022-10-25 14:30',2], ['2022-10-25 15:00',null],['2022-10-25 16:00',2]],
      type: 'line',
      symbol: 'none',
      name:'泵2'
      
    }
  ]
};
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值