vue-apexcharts
vue-apexcharts copied to clipboard
Individual scaling for each graph along the y-axis [Solded]
There are 2 graphs.
Blue:
{ name: "Blue", data: [15, 20, 21, 25, 60, 120, 93], }
Green:
{ name: "Green", data: [115, 120, 121, 125, 160, 120, 193], }
Now the graph is scaled along the y-axis by the largest values (green graph). And it turns out that the blue graph is at the bottom:
It is necessary to make sure that everyone has their own scale. Both the blue and green graph looked something like this:

Solve: https://apexcharts.com/docs/chart-types/multiple-yaxis-scales/ Sandbox: https://codesandbox.io/s/apexcharts-and-vue-forked-7703o?fontsize=14&hidenavigation=1&theme=dark