在highchart中重叠列

Question

有没有办法创建重叠列？

例如在this jsFiddle中，蓝色和红色列应相互重叠，如下所示，蓝色是背面的一个，前面是红色。

为了澄清，我不想要堆叠列，蓝色和红色列都应该从xAxis（y = 0）开始而不是从一个开始

Answer 1

您也可以通过设置grouping: false。

来完成此操作

http://jsfiddle.net/garrickcheung/67BkD/19/

Answer 2

修改 Highcharts在他们的2.3版中引入了plotOptions.column.grouping开关来处理这个问题。请参阅Garrick's Answer

我将留下以下答案，因为它仍然有助于理解groupPadding和pointWidth如何工作。

原始答案

您正在寻找grouped and overlapping columns？

您可以通过将plotOptions.column.groupPadding设置为0.5

来实现此目的

plotOptions: {
    column: {           
        groupPadding: 0.5   // Exactly overlap
        pointWidth: 20,                                     
    }
},

这是一张图片来说明groupPadding的工作原理

如您所见，当groupPadding为0.5时，列宽会受到影响以提供所需的填充，通过指定pointWidth可以抵消此行为