胜利图表本机：图层区域

Question

我需要为应用创建一个图表，该图表应类似于以下内容：

我为此使用了胜利图，但似乎无法使工作区域分层。

这是我到目前为止所拥有的：

<VictoryChart
    height={300}
    padding={{left: 0, right: 0, top: 50, bottom: 80}}
    containerComponent={<VictoryZoomContainer/>}>
    <VictoryAxis
        style={{
            axis: {stroke: Colors.highlight_alternative},
        }}
        tickFormat={(tick) => format(tick, tickFormat)}
    />
    <VictoryStack>
        {Array.isArray(oldMeasurements) && oldMeasurements.length > 0 &&
        <VictoryArea
            width={w}
            data={oldMeasurements}
            interpolation='linear'
            standalone={false}
            x="timestamp"
            y={data => 8}
            style={{
                data: {
                    strokeWidth: .4,
                    stroke: Colors.background,
                    fill: Colors.background,
                },
            }}
        />}
        {Array.isArray(newMeasurements) && newMeasurements.length > 0 &&
        <VictoryArea
            width={w}
            data={newMeasurements}
            standalone={false}
            interpolation='linear'
            x={data => Moment(data.timestamp).subtract(1.5, subDuration as unitOfTime.DurationConstructor).valueOf()}
            y={data => 5}
            style={{
                data: {
                    strokeWidth: .4,
                    fillOpacity: .4,
                    stroke: Colors.highlight_alternative,
                    fill: Colors.highlight_alternative,
                },
            }}
        />}
    </VictoryStack>
</VictoryChart>

但是它总是绘制相邻的区域，而不是分层。

使用胜利图表是否有可能？也许还有一个替代图书馆可以做到这一点。