查看Highstocks的文档,我找到了this example:
这里显示的是同一个图表上的两个系列,因此带有一个链接范围选择器 - 这真的非常有用,但我希望展示一些不同的东西,这些都证明是非常困难的。
我正在寻找的是顶部系列的正常线图,表示按时间绘制的数据(几乎与此示例中相同),但下图中的条形图或水平蜡烛图表示一个或多个时间轴
我画了一张我正在寻找的图片:
我为粗略绘图道歉,但希望它能说明我的目标:顶部的标准图形,底部的条形图/蜡烛。
我尝试了各种技术来渲染它,但我找不到让两个系列在同一时间刻度上绘制的方法,并使用相同的范围选择器进行链接。
如果它有帮助,这里是JSFiddle的起点,删除了所有不必要的代码:http://jsfiddle.net/g105b/8JhXv/
答案 0 :(得分:1)
这是可能的,但有一些限制。事实上,你想要显示甘特图。在您的情况下,条形图是不可能的 - 条形图=倒置的整个图表(yAxis becames xAxis等)。相反,请查看甘特图的示例:http://jsfiddle.net/highcharts/r6emu/
您可以将它们组合成一个效果:http://jsfiddle.net/8JhXv/1/
关于限制:
只有当您将鼠标悬停在开始日期和结束日期时,
- 工具提示底部图表才可用
- 栏在线上,而不在它们之间