How do you display two series in two different panes?

[rkabis]

Bug or Feature Request?

Question on implementation

Description

Similar to this, but implemented with the components.

I tried the code below, but they would still display on the same pane.

          <YAxis crosshair>
            <YAxis.Title>Price</YAxis.Title>
            <ColumnSeries name="Crypto1 (volume)" data={vol_1} color="orange"/>
          </YAxis>

          <YAxis>
            <YAxis.Title>Volume</YAxis.Title>
            <SplineSeries name="Crypto2 (volume)" data={vol_2} color="#aa66dd"/>
          </YAxis>

[whawker]

Seems to be a case of setting a height on your YAxis, and offsetting the other YAxis to account for that height?

Example here: https://stackblitz.com/edit/base-chart-example-vd12r5?file=MyChart.js

[rkabis]

Hi @whawker. Thanks for the quick reply. Example works out well!

[whawker]

No worries!