Area Pieces

FAKE(
    json({
        ["2019-10-10", 200],
        ["2019-10-11", 560],
        ["2019-10-12", 750],
        ["2019-10-13", 580],
        ["2019-10-14", 250],
        ["2019-10-15", 300],
        ["2019-10-16", 450],
        ["2019-10-17", 300],
        ["2019-10-18", 100]
    })
)
// |   0      1
// +-> date   value
// |
MAPVALUE(0, list(value(0), value(1)))
// |   0               1
// +-> [date, value]   value
// |
POPVALUE(1)
// |   0
// +-> [date, value]
// |
CHART(
    chartOption({
        title: { text: "Area Pieces" },
        xAxis: { type: "category", boundaryGap: false },
        yAxis: { type: "value", boundaryGap: [0, "30%"] },
        visualMap:{
            type: "piecewise",
            show: false,
            dimension: 0,
            seriesIndex: 0,
            pieces: [
                { gt: 1, lt: 3, color: "rgba(0, 0, 180, 0.4)" },
                { gt: 5, lt: 7, color: "rgba(0, 0, 180, 0.4)" }
            ]
        },
        series: [
            {
                type: "line",
                smooth: 0.6,
                symbol: "none",
                data: column(0),
                lineStyle: {
                    color: "#5470C6",
                    width: 5
                },
                areaStyle:{},
                markLine: {
                    symbol: ["none", "none"],
                    label: { show: false },
                    data: [{ xAxis: 1 }, { xAxis: 3 }, { xAxis: 5 }, { xAxis: 7 }]
                }
            }   
        ]
    })
)