【问题标题】:Highcharts.js combined bar/line chart with timespan barsHighcharts.js 组合条形图/折线图和时间跨度条形图
【发布时间】:2013-11-15 07:41:09
【问题描述】:

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

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

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

    看看这里的一些选项:

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

    最好的选择不是使用实际的条形图,而是使用 lineWidth 设置为足够高的值的线条系列以在视觉上模仿条形图。

    【讨论】:

      【解决方案2】:

      你可以尝试使用 line series 和 columnrange (http://www.highcharts.com/demo/columnrange)

      【讨论】:

      • 谢谢。不过,我似乎无法将多个间隔与列范围放在同一轴上,所以我采用了线系列解决方案。
      猜你喜欢
      • 2013-06-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-10-16
      • 1970-01-01
      相关资源
      最近更新 更多