条形图中同一系列的Highchart多列范围

Question

我需要在同一系列中制作包含多个列范围的高清图。请参考我想要实现的示例截图。

到目前为止，我能够这样做：jsfiddle link

我无法将两个色谱柱系列排列在同一系列中。 我是如何创建列范围的代码片段： intWidth：10

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

Answer 1

您可以通过停用grouping并为所有列范围系列设置pointPlacement和pointPadding的正确值来实现类似的效果。

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

API参考：

• https://api.highcharts.com/highcharts/series.columnrange.pointPadding
• https://api.highcharts.com/highcharts/series.columnrange.pointPlacement
• https://api.highcharts.com/highcharts/series.columnrange.grouping