患者时间轴-lineecharts 折线配置项内容和展示

      option = {
    grid: [{
        height: 60,
    }],
    xAxis: {
        type: 'time',
        boundaryGap: false,
        axisLine: {
            show: true,
            lineStyle: {
                color: '#d8d8d8',
            },
        },
        axisTick: {
            show: false,
        },
        axisLabel: {
            margin: 15,
            color: 'rgba(0,0,0,0.54)',
            fontSize: 14,
        },
        splitLine: {
            show: false,
        },
        // splitNumber: 20,
        min: 'dataMin',
        max: 'dataMax',
        // offset: -10, 
    },
    yAxis: {
        "splitLine": {
            "show": false
        },
        "axisTick": {
            "show": false
        },
        "axisLine": {
            "show": false
        },
        "axisLabel": {
            "show": false,
        },
        max: val=> val.max + 20,

    },

    series: [{
            type: 'line',
            symbol: 'circle',
            symbolSize: 16,
            itemStyle: {
                borderColor: '#fff',
            },
            lineStyle: {
                width: 2,
            },
            data: [
                [1584086222000, 10],
                [1584086582000, "10"]
            ]
        }, {
            type: 'line',
            symbol: 'circle',
            symbolSize: 16,
            itemStyle: {
                borderColor: '#fff',
            },
            lineStyle: {
                width: 2,
            },
            data: [
                [1584086822000, "436"],
                [1584087062000, "43"],
                [1584088382000, "200"]
            ],
            markArea: {
                show: true,
                // silent: true,
                // label: {
                //     position: [10, 10],
                //     color: '#53A58A',
                //     fontSize: 14,
                //     fontWeight: 'bold',
                // },
                itemStyle: {
                    color: 'rgba(83,165,138,.1)',
                },
                data: [
                    [{
                            coord: [1584086822000]
                        },
                        {
                            coord: [1584088382000]
                        }
                    ]
                ],
            },
        },

        {
            type: 'line',
            symbol: 'circle',
            symbolSize: 16,
            itemStyle: {
                borderColor: '#fff',
            },
            lineStyle: {
                width: 2,
            },
            data: [
                [1584088862000, "0"],
                // [1584088982000, "0"],
                // [1584089102000, "0"],
                // [1584089222000, "0"],
                // [1584089342000, "0"],
                // [1584089462000, "0"]
            ]
        }, {
            type: 'line',
            symbol: 'circle',
            symbolSize: 16,
            itemStyle: {
                borderColor: '#fff',
            },
            lineStyle: {
                width: 2,
            },
            data: [
                // [1584088862000, "0"],
                // [1584088982000, "0"],
                // [1584089102000, "0"],
                [1584089222000, "0"],
                // [1584089342000, "0"],
                [1584089462000, "0"]
            ]
        }
    ]
};