How to connect the two curves of echarts's common x-axis from the beginning to the end?

now there is a problem. The background returns a data and a date data, and the date is used as the Abscissa. Now you need to divide the data data into two strips, and the background returns a time division point. Now the data segmentation has been completed and two pieces of data have been generated. Here is my series script:
series: [{

]
        name: "",
        type: "line",
        smooth: true,
        itemStyle: {
            normal: {
                color: "rgb(164, 215, 220)"
            }
        },
        areaStyle: {
            normal: {
                color: "rgb(164, 215, 220)"
            }
        },
        data: data1,
    },{
        name: "",
        type: "line",
        smooth: true,
        itemStyle: {
            normal: {
                color: "-sharp000"
            }
        },
        areaStyle: {
            normal: {
                color: "rgb(164, 215, 220)"
            }
        },
        data: data2,
    }],

they share the x-axis, that is, xAxis: {

        show: true,
        type: "category",
        boundaryGap: false,
        data: date,
    },

here comes the problem. The curve drawn is like the one above, and now I want to connect them in the first place, because these two curves come from the same data and data corresponds to date, just to distinguish between the data inside and outside the sample. How can this be realized? God, help!

Mar.23,2021

I've done a little data before, and I don't know if it's what you want. Refer to

I don't understand what you're talking about, why don't you take a look at the effect picture?

Menu