Highcharts:如何绘制倒置的列范围以及折线图?

时间:2017-01-11 16:44:20

标签: javascript charts highcharts axis multiple-axes

[编辑] - 已解决:最后查看最终图表。

信息来源

首先是一些背景知识。我有一个折线图,用简单的折线图绘制设施产生的功率。该设施有5台机器产生这种能量。有时,这些机器有一些问题或错误。

我想展示这些错误以及每台机器持续存在多长时间以及电源生产图表。

错误图表

阅读Highcharts文档我意识到显示该图表的最佳方式是columnrange图表,将其反转为水平columnrange图表。

以下是一个示例(jsfidle):

  • Obs:将[-6 .. 9 ]轴视为datetime

Chart 1

此图表的读取方式如下:机器0有两个错误:一个从-6到-1,另一个从0到2,依此类推。

我现在在哪里?

所以,现在我尝试将这个工作与折线图一起使用。而这正是我无法发挥作用的地方。我的columnrange图表保留在垂直而不是水平中,我可以计算出如何翻转它。

以下是当前状态:(jsfiddle

Chart 2

问题

有什么方法可以将这两个图表一起绘制出来吗?

[编辑]回答

使用@jlbriggs评论的想法,我可以提出正确的图表(jsfiddle):

Final Chart

0 个答案:

没有答案