使用库合并两个或多个图形

时间:2015-03-13 12:32:02

标签: javascript graph highcharts

我正在尝试制作如下的动态图: enter image description here

Y轴没有。用户和x轴日期范围(对于连续图) x轴在该日期释放算法。(对于已停用的图表)

我尝试了高图this的组合图表并查看了谷歌图表库。

有什么方法可以直接生成类似的图表或将两种图表类型合并为一个?最好使用高级图表或谷歌图表。

我想我们可以将两个highcharts合并为一个但我不太确定,如果我们不能确定如何做到这一点。

感谢任何帮助。

由于

2 个答案:

答案 0 :(得分:0)

我知道您说过#34;最好使用高级图表或Google图表",但我想指出,使用"类型&C3.js可以非常轻松地完成此操作#34;参数,用于指定每个数据项的图形类型。

演示:http://c3js.org/samples/chart_combination.html

答案 1 :(得分:0)

我建议使用绘图带来指示发布日期和类型。您可以使用addPlotBand()方法动态添加它们(请参阅http://api.highcharts.com/highcharts#Axis.addPlotBand)。然后,它们将覆盖您的“工厂运行”折线图,显示一段时间内的用户数量。

假设您有可以区分版本类型的数据,您可以编写代码,在x轴的特定点添加所需颜色的绘图带。

我建议让情节乐队的fromto值足够薄(例如,一个间隔或一个日期值),因此它会显示为示例中的细条纹。< / p>

您需要添加手动图例以向用户显示这些颜色的含义,因为绘图带不会自动显示在Highcharts图例中。

我希望这有帮助!