Render identical datasets within different Y-axis areas

[PavelDanyliuk]

Let's imagine we have two identical datasets

const setOne = [5, 4, 2, 7, 1, 0, 10];
const setTwo = setOne;

We see that the min value is 0 the max value is 10. On the chart I want to display them one above the another. The amount of data can be unlimited.

Example:

• red line is out data sets.
• green block - independent areas by Y-axis for each data set.
• 10 / 0 where 10 equal to the max for the data set below, 0 equal to the next data set.
  

[LeeLenaleee]

https://stackoverflow.com/questions/73870579/break-the-chart-into-areas-along-the-y-axis-independent-of-the-values

https://www.chartjs.org/docs/master/axes/cartesian/#common-options-to-all-cartesian-axes

https://www.chartjs.org/docs/master/samples/scales/stacked.html

[PavelDanyliuk]

oh it's awesome! now I know what it's called)