javascript - 条形图上同一系列的 Highchart 多列范围

我需要在同一系列中制作一个包含多个列范围的图表。请引用我正在尝试实现的示例屏幕截图。

到目前为止，我可以这样做:jsfiddle link

我无法将两列范围排列在同一系列中。我如何创建列范围的代码片段: 整数宽度:10

        name : 'Type 4',
        type : 'columnrange',
        data : [[],[11.0,11.2],[44.0,44.2],[26.1,26.2],[]],
        color : 'yellow',

最佳答案

您可以通过禁用 grouping 并为所有 columnrange 系列设置适当的 pointPlacement 和 pointPadding 值来实现类似的效果。

实时工作示例: http://jsfiddle.net/kkulig/seec2c6q/

API 引用:

关于javascript - 条形图上同一系列的 Highchart 多列范围，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46894868/