Highcharts highstocks - 双图轴问题

时间:2012-07-26 14:26:45

标签: javascript highcharts bar-chart highstock

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

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 个答案:

答案 0 :(得分:1)

摘自official Highcharts forum

  

这是可能的,但有一些限制。事实上,你想要显示甘特图。在您的情况下,条形图是不可能的 - 条形图=倒置的整个图表(yAxis becames xAxis等)。相反,请查看甘特图的示例:http://jsfiddle.net/highcharts/r6emu/

     

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

     

关于限制:

     
      只有当您将鼠标悬停在开始日期和结束日期时,
  • 工具提示底部图表才可用   
  • 栏在线上,而不在它们之间
  •