简体繁体 English

多个图表在Google Charts中共享相同的x轴

[英]Multiple charts sharing the same x-axis in Google Charts

原文 2015-09-16 17:22:14 3 2 javascript/ charts

I have many signals recorded and i want to show them on a Chart using Google Charts. 我记录了很多信号，我想用Google图表在图表上显示它们。 These signals share the same x-axis (time) but have very wide data range for y-axis (value). 这些信号共享相同的x轴（时间），但对于y轴（值）具有非常宽的数据范围。 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. 其中一些从0到10，而另一些从1000到20000.因此，不可能在同一图表中显示它们。

Yes, You can use the vAxes property, to show them in the same chart but it limits the graph to 2 signals. 是的，您可以使用vAxes属性在同一图表中显示它们，但它将图形限制为2个信号。 And I have more than 2. 我有2个以上。

Therefore i thought about something like this: 所以我想到这样的事情：

Many charts sharing the same X axis, but with dedicated Y axis. 许多图表共享相同的X轴，但具有专用的Y轴。 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? 问题是，是否可以使用Google Chart做到这一点？ Is there a function or option to do that? 是否有功能或选项来做到这一点？

2 个解决方案

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. 你可以看看，你可以使用图表skelton来满足你的需求。 Here is the link (click on the first chart) http://grafitome.github.io/advanced-charts.html# 这是链接（点击第一张图表） http://grafitome.github.io/advanced-charts.html#

I'm not biased here, but want to recommend plottable.js . 我没有偏见，但想推荐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. 他们的API提供高度定制。