在highchart中重叠列

Question

有没有办法创建重叠列？

例如,在这个jsFiddle中,蓝色和红色列应该如下所示相互重叠,蓝色是背面的一个,前面是红色.

为了澄清,我不想要堆叠列,蓝色和红色列都应该从xAxis(y = 0)开始而不是一个在另一个上面

Answer 1

您也可以通过设置来完成此操作grouping: false.

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

Answer 2

EDIT Highcharts 在他们的2.3版中引入了plotOptions.column.grouping开关来处理这个问题.参考Garrick的答案

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

原始答案

您正在寻找分组和重叠的列？

您可以通过将plotOptions.column.groupPadding设置为0.5 来实现此目的

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

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

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