Highcharts.js将条形图/折线图与时间条组合在一起

Question

我想要实现的是开发一个将线系列与条形图相结合的图形。 x轴应该是简单的时间轴（日期），2 y轴应该是线性或对数值。我没有问题创建线系列和时间轴。

我的问题是当我尝试实施“时间跨度栏”时。我猜这是一个甘特图和一个折线图。条形图表示每个条形具有开始日期和可选的结束日期的数据。我希望每个条形从开始日期开始（与x轴对齐）并在结束日期结束（如果可用）。如果没有可用的结束日期，则栏应该填满整个图表，直到右边缘。我无法弄清楚如何将这些时间跨度条与线系列结合起来。我已经检查了jsfiddle / 8JhXv / 1 /这与我想要实现的非常接近，除了在那个例子中，它们不是彼此重叠。谁能给我一些关于如何把它们放在彼此之上的提示呢？

Answer 1

看看这里的一些选项：

http://highcharts.uservoice.com/forums/55896-general/suggestions/804783-gantt-chart

最佳选择不是使用实际的条形，而是使用线条系列，将lineWidth设置为足够高的值，以便在视觉上模拟条形。

Answer 2

您可以尝试使用直线系列和列范围（http://www.highcharts.com/demo/columnrange）