有没有办法创建重叠的列?

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

为了澄清起见,我不需要堆叠的列,蓝色和红色列均应从xAxis(y = 0)开始,而不是一个在另一个之上

最佳答案

编辑
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可以降低列宽以提供所需的填充,您可以解决此问题

10-08 06:03