带状图echarts 折线配置项内容和展示

描述一段时间内,异常情况

配置项如下
      app.title = '堆叠条形图';

option = {
    xAxis:  {
        type: 'time',
    },
    yAxis: {
        type: 'category',
        data: ['站点A', '站点B', '站点C', '站点D'],
        splitLine: {
          show:true,
          lineStyle: {
            color: ['#fff'],
            width: 5,
            type: 'solid'
          }
        },
        splitArea: {
         show: true,
         areaStyle: {
          color: ['#39ceff']
         }
      }
    },
    series: [
        {
            name: '站点A',
            type: 'line',
            showSymbol: false,
            lineStyle: {normal: { width: 40 }},
            data: [[1477967640087, '站点A'], [1477967650087, '站点A']]
        },
        {
            name: '站点A',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            lineStyle: {normal: { width: 40 }},
            data: [[1477967680087, '站点A'], [1477967690087, '站点A']]
        },
        {
            name: '站点A',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            lineStyle: {normal: { width: 40 }},
            data: [[1477967780087, '站点B'], [1477967790087, '站点B']]
        },
        {
            name: '站点B',
            type: 'scatter',
            symbol: 'rect',
            symbolSize: [10, 80],
            hoverAnimation: false,
            itemStyle: {normal: {color: 'rgba(255, 0, 0, 0.86)'}, emphasis: {}},
            data: [
                [1477967640087, '站点B'], 
                [1477967641000, '站点B'], 
                [1477967642000, '站点B'],
                [1477967643000, '站点B'],
                [1477967644000, '站点B'],
                [1477967645000, '站点B'],
                [1477967646000, '站点B'],
                [1477967647087, '站点B'], 
                [1477967648000, '站点B'], 
                [1477967649000, '站点B'],
                [1477967650000, '站点B'],
                [1477967651000, '站点B'],
                [1477967652000, '站点B'],
                [1477967653000, '站点B'],
            ]
        },
        {
            name: '站点C',
            type: 'scatter',
            symbol: 'rect',
            symbolSize: [10, 80],
            hoverAnimation: false,
            itemStyle: {normal: {color: 'rgba(255, 0, 0, 0.86)'}, emphasis: {}},
            data: [[1477967640087, '站点C']]
        },
        {
            name: '站点D',
            type: 'scatter',
            symbol: 'rect',
            symbolSize: [10, 80],
            hoverAnimation: false,
            itemStyle: {normal: {color: 'rgba(255, 0, 0, 0.86)'}, emphasis: {}},
            data: [[1477967640087, '站点D']]
        }
    ]
};
    
截图如下