2012-07-26 37 views
0

通过对Highstocks的文档看,我发现this exampleHighcharts highstocks - 双图表轴问题

Example 1

这里展示的是两个系列在同一图表上,因此与链接范围选择 - 这是真的真的很有用,但我希望展示一些不同的东西,这被证明是非常困难的。

我正在寻找的是顶部系列的法线图,代表绘制到时间上的数据(几乎与本例中一样),但下图中的条形图或水平蜡烛图代表一个或多个时间线。

我画的像什么,我在寻找:

enter image description here

我的粗拉丝道歉,但希望它显示了我的目标达到:标准曲线之上,酒吧/蜡烛在底部。

我已经尝试过各种技术来渲染这个,但是我找不到一种方法来在同一个时间尺度上绘制两个系列,并使用相同的范围选择器进行链接。

万一有帮助,这里的一对的jsfiddle起点,去掉所有不必要的代码:http://jsfiddle.net/g105b/8JhXv/

和原来的演示链接:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/stock/demo/candlestick-and-volume/

回答

1

回答official Highcharts forum

采取

这是可能的,但有一些限制。事实上,你想显示甘特图。条形图在你的情况下是不可能的 - 条形图=反转整个图表(yAxis变成​​了xAxis等)。相反,看看例子为甘特图:http://jsfiddle.net/highcharts/r6emu/

您可以将它们合并成一个,ANE效果:http://jsfiddle.net/8JhXv/1/

关于限制:

  • 提示FO下面的图是速效只有当你将鼠标悬停启动和结束日期
  • 酒吧上线,他们之间
+1

谢谢为了保持堆栈溢出的所有知道的天才的中央答案基地:) – Greg 2012-08-07 09:51:56

+1

只是浏览论坛,看到帖子:)很巧合 – david 2012-08-07 10:13:18