Highcharts highstocks - 双图表轴问题

Question

查看 Highstocks 的文档，我找到了this example：

这里显示的是同一图表上的两个系列，因此使用链接范围选择器 - 这确实非常有用，但我希望显示一些不同的东西，这被证明是非常困难的。

我正在寻找的是顶部系列上的正常折线图，表示绘制到时间上的数据（几乎就像在这个示例中一样），但下图中的条形图或水平蜡烛图，表示一个或多个时间线.

我已经绘制了我正在寻找的图像：

我为粗略的绘图道歉，但希望它显示了我的目标：顶部的标准图表，底部的条形图/蜡烛。

我尝试了各种技术来渲染它，但我找不到一种方法让两个系列在相同的时间尺度上绘制，并与相同的范围选择器链接。

如果有帮助，这里是 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/

Answer 1

答案来自official Highcharts forum

这是可能的，但有一些限制。事实上你想显示甘特图。在您的情况下，条形图是不可能的 - 条形图 = 倒置的整个图表（yAxis 变成 xAxis 等）。而是看一下甘特图的示例：http://jsfiddle.net/highcharts/r6emu/

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

关于限制：

• 底部图表的工具提示仅在您将鼠标悬停在开始和结束日期时才可用
• 条形图在线，而不是它们之间