Any suggestions for JavaScript based Chart with Multiple Vertical Axes?

I am looking for some suggestions here.. I need to show 4 different types of charts for same x-axis(say time) but, the y-axis may differ, say, height, age, salary, weight etc.

Here is one example but, built using excel

multi-axis-chart.png This is just for the example purpose

Any suggestions of open-source library(js based) that provides this kind of facilities/options with zooming feature?

D3.js probably the last resort to write one but it would be great, to get something from a library to use as is or with minimal changes(or allowed customizations).

Thanks!

Comments (2)

Maneesh Kumar's photo

D3 is good . Recharts is a good alternative if using ReactJS.

it is very fast, catchy and extensible library. Disadvantage: Only For React js framework. recharts.org/en-US

Even I found some other alternative also . But not sure for pros and cons .

Tapas Adhikary's photo

โ˜ UI/UX Enthusiast | ๐Ÿ’ป Work @MicroFocus | โœ๏ธ Blogger | ๐Ÿ‘จโ€๐Ÿซ Mentor | ๐ŸŽค Speaker | ๐ŸŸ Foodie

Thanks!

D3 is what I am exploring too..

REcharts doesn't provide it out of the box as much as I know. In my requirement, all the y axises will have different range and values like I posted as an example. I saw REcharts got multi chart but that's for different purposes.