OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

Apexcharts - Modelling multiple series (more than 2) with different y-axis scales

  • Thread starter Thread starter Yeahprettymuch
  • Start date Start date
Y

Yeahprettymuch

Guest
We've been trying to find a way to do this through Apexcharts.

We have multiple series with a shared x-axis (date), but different y-axis scales, which we're trying to normalize so we can show multiple data points together.

The only examples we can find for doing this have been supporting only 2 series at maximum: https://apexcharts.com/docs/chart-types/multiple-yaxis-scales/

img


Our series may have values like:

  • [10,12,14,15,16]
  • [0.3,0.4,0.6,0.7,0.4]
  • [131,127,150,129,144]

We cannot have these sharing the same y-axis as then the 2nd series would look very squished. Somehow, we're trying to find a way to visually display all these 3 on the same graph in a way that the individual differences are still visible.

So really what we're doing is we're "normalizing" the different y-axis ranges, while still preserving the exact original value.

We're open to alternatives other than Apexcharts too.

<p>We've been trying to find a way to do this through Apexcharts.</p>
<p>We have multiple series with a shared x-axis (date), but different y-axis scales, which we're trying to normalize so we can show multiple data points together.</p>
<p>The only examples we can find for doing this have been supporting only 2 series at maximum:
<a href="https://apexcharts.com/docs/chart-types/multiple-yaxis-scales/" rel="nofollow noreferrer">https://apexcharts.com/docs/chart-types/multiple-yaxis-scales/</a></p>
<p><img src="https://i.gyazo.com/ca1becbd48e6bc778432df073b1354dd.png" alt="img" /></p>
<p>Our series may have values like:</p>
<ul>
<li>[10,12,14,15,16]</li>
<li>[0.3,0.4,0.6,0.7,0.4]</li>
<li>[131,127,150,129,144]</li>
</ul>
<p>We cannot have these sharing the same y-axis as then the 2nd series would look very squished. Somehow, we're trying to find a way to visually display all these 3 on the same graph in a way that the individual differences are still visible.</p>
<p>So really what we're doing is we're "normalizing" the different y-axis ranges, while still preserving the exact original value.</p>
<p>We're open to alternatives other than Apexcharts too.</p>
 

Latest posts

Online statistics

Members online
0
Guests online
4
Total visitors
4
Top