Echarts在线免费图表

 
            option = {
    backgroundColor: "#fff",
    animation: false,
    yAxis: {
        x: 'center',
        type: 'value',
        splitLine: {
            show: false
        },
    },
    xAxis: [{
            xAxisIndex: 0,
            type: 'category',
            boundaryGap: false,
            position: "bottom",
            splitLine: {
                show: true
            },
            data: ['现在', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '00:00']
        },
        {
            xAxisIndex: 1,
            type: 'category',
            boundaryGap: false,
            position: "bottom",
            offset: 20,
            data: ['现在', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '00:00']
        }
    ],
    dataZoom: [{
        type: 'inside',
        xAxisIndex: [0],
        filterMode: 'filter',
        startValue: 0,
        endValue: 6,
    }, {
        type: 'inside',
        xAxisIndex: [1],
        filterMode: 'filter',
        startValue: 0,
        endValue: 6,
    }],
    series: [{
        type: 'line',
        smooth: true,
        hoverAnimation: false,
        data: [18, 36, 65, 30, 78, 40, 33, 11, 22, 33, 44, 55, 66],
        lineStyle: {
            color: "#f00"
        },
        symbol: "circle",
        symbolSize: 10,
        itemStyle: {
            color: "#0f0",
            borderWidth: 1,
            borderColor: "#00f"
        },
    }],
};