CODEWITHSUNDEEP
javascriptcharts
Alberto Fontana
Alberto Fontana

Reputation: 948

Multiple charts sharing the same x-axis in Google Charts

I have many signals recorded and i want to show them on a Chart using Google Charts. These signals share the same x-axis (time) but have very wide data range for y-axis (value). Some of them go from 0 to 10, while some others go from 1000 to 20000. Therefore, it's impossible to display them in the same chart.

Yes, You can use the vAxes property, to show them in the same chart but it limits the graph to 2 signals. And I have more than 2.

Therefore i thought about something like this: enter image description here

Many charts sharing the same X axis, but with dedicated Y axis. Also, the crosshair is only one for all the charts.

I've searched the Google Chart documentation, but i couldn't find anything like that.

The question is, is it possible to do it with Google Chart? Is there a function or option to do that?

Upvotes: 1

Views: 2461

Answers (2)

Daniel
Daniel

Reputation: 1676

I'm not biased here, but want to recommend plottable.js. Have a look at their examples section for the Synchronized Charts and Finance, as well as their tutorials section, specifically "Building flexible layouts". Their API provides a high degree of customization.

Upvotes: 0

Mohit Malik
Mohit Malik

Reputation: 109

We are working on object oriented solution for charts and we are thinking to make it open source. You can have a look and you can use chart skelton to fulfill your needs. Here is the link (click on the first chart) http://grafitome.github.io/advanced-charts.html#

Upvotes: 3

Related Questions