Stacked bar series with negative values are not drawn below 0 on the YAxis

Stacked bar series with all positive values render as expected:

function Chart({data}) {
  return <XYPlot width={300} height={300} stackBy="y">
          <VerticalGridLines />
          <HorizontalGridLines />
          <XAxis />
          <YAxis />
          <VerticalBarSeries data={[{x: 1, y: 10}, {x: 2, y: 5}, {x: 3, y: 15}]} />
          <VerticalBarSeries data={[{x: 1, y: 12}, {x: 2, y: 2}, {x: 3, y: 11}]} />
          <VerticalBarSeries data={[{x: 1, y: 5}, {x: 2, y: 7}, {x: 3, y: 4}]} />
        </XYPlot>
}

However, if y-axis values are less than zero my expectation is that the bars with negative values will stack below 0 on the Y axis. However, they appear to draw downward from the top of the previous bar.

function Chart({data}) {
  return <XYPlot width={300} height={300} stackBy="y">
          <VerticalGridLines />
          <HorizontalGridLines />
          <XAxis />
          <YAxis />
          <VerticalBarSeries data={[{x: 1, y: 10}, {x: 2, y: 5}, {x: 3, y: 15}]} />
          <VerticalBarSeries data={[{x: 1, y: 12}, {x: 2, y: 2}, {x: 3, y: -5}]} />
          <VerticalBarSeries data={[{x: 1, y: 5}, {x: 2, y: 7}, {x: 3, y: -5}]} />
        </XYPlot>
}

Is there a way to configure the chart to stack all bars with negative values below 0 on the Y axis?

[ABBVelocityDev]

Thank you for that direction. I’ve been able to achieve the desired result using the RectSeries. Thanks!

[Krustal]

@ABBVelocityDev would you be able to share an example?