测试一个横向展示事件的时间轴示例echarts scatter配置项内容和展示

      option = {
    tooltip: {
        trigger: 'axis',
    },
    dataset: {
        source: [
            ['cateID', 'cateName', 'netID', 'weatherID', 'name', 'ymd'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200801'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200802'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200803'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200804'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200805'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200806'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200807'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200808'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200809'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200810'],
            ['1', '持续高温', '00', '1', '202001持续高温', '20200811'],
            ['1', '持续高温', '00', '2', '202002持续高温', '20200820'],
            ['1', '持续高温', '00', '2', '202002持续高温', '20200821'],
            ['1', '持续高温', '00', '2', '202002持续高温', '20200822'],
            ['1', '持续高温', '00', '2', '202002持续高温', '20200823'],
            ['1', '持续高温', '00', '2', '202002持续高温', '20200824'],
            ['1', '持续高温', '00', '2', '202002持续高温', '20200825'],
            ['2', '强对流天气', '00', '3', '202001强对流', '20200720'],
            ['2', '强对流天气', '00', '4', '202002强对流', '20200721']

        ]
    },
    xAxis: {
        type: 'category',
        data: ['20200701', '20200702', '20200703', '20200704', '20200705', '20200706', '20200707', '20200708', '20200709', '20200710', '20200711', '20200712', '20200713', '20200714', '20200715', '20200716', '20200717', '20200718', '20200719', '20200720', '20200721', '20200722', '20200723', '20200724', '20200725', '20200726', '20200727', '20200728', '20200729', '20200730', '20200731', '20200801', '20200802', '20200803', '20200804', '20200805', '20200806', '20200807', '20200808', '20200809', '20200810', '20200811', '20200812', '20200813', '20200814', '20200815', '20200816', '20200817', '20200818', '20200819', '20200820', '20200821', '20200822', '20200823', '20200824', '20200825', '20200826', '20200827', '20200828', '20200829', '20200830', '20200831', '20200901']
    },
    yAxis: [{
            name: '极端天气',
            type: 'category',
            data: ["强对流天气", "持续高温", "台风"]
        },
        {
            type: 'value',
            name: '负荷:(MW)',
            scale: true,
            axisLabel: {
                formatter: '{value}'
            }
        }
    ],
    dataZoom: [{
            show: true,
            realtime: true,
            start: 0,
            end: 100,
            bottom: 0,
            height: 10
        },
        {
            type: 'inside',
            realtime: true,
            start: 0,
            end: 100
        }
    ],
    legend: {
        show: true,
        bottom: 10,
        data: ['最大负荷'],
        type: 'scroll'
    },
    series: [
        {
            type: 'scatter',
            encode: {
                x: "ymd",
                y: "cateName"
            }
        },
        {
            name: '最大负荷',
            type: 'line',
            smooth: true,
            symbol: 'none',
            yAxisIndex: 1,
            data: ['10546.982', '8539.914', '9497.053', '10000.232', '10451.51', '10482.545', '10187.798', '10098.468', '10149.25', '10148.992', '9828.293', '10681.07', '10731.1', '10255.859', '10200.292', '9983.43', '9575.024', '9335.557', '8714.393', '7641.756', '8394.423', '8635.618', '8725.749', '8940.165', '9091.877', '9383.213', '9744.094', '9700.519', '9990.11', '9992.777', '9755.902', '9451.83', '10177.041', '10179.447', '10295.143', '10336.35', '10334.608', '9616.88', '9374.443', '10126.035', '10289.677', '10161.402', '10421.451', '10540.809', '10295.681', '9958.851', '10587.948', '10724.082', '10591.267', '10410.541', '10391.322', '10191.775', '10037.759', '10582.074', '10704.942', '10759.791', '10873.594', '10749.028', '10552.373', '10438.398', '12219.809', '11918.716', '12296.954']
        }
    ]
};