0

浏览 Highstocks 的文档，我发现了这个例子：

示例 1

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

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

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

在此处输入图像描述

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

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

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

4

1 回答 1

1

答案取自Highcharts 官方论坛

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

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

关于限制：

  • 底部图表的工具提示仅在鼠标悬停开始和结束日期时可用
  • 条在线上，而不是在它们之间
于 2012-08-06T09:24:41.640 回答