highcharts - 在堆积条形图中的特定条形之间添加间隙

Question

我在图表中有两组堆积条形图，我想对它们进行可视化分组

那么如何在堆叠条形图中的特定条形之间添加额外的垂直间隙或以其他方式分隔组？

示例：http: //jsfiddle.net/KrTbz/41/

我想在条 4 和 A 之间添加额外的垂直空间

 new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'bar',
        },
        title: {
            text: 'Grouping test',
        },
        xAxis: {
            categories: ['1', '2', '3', '4', 'A', 'B', 'C', ]
        },
        plotOptions: {
            series: {
                stacking: 'percent'
            }
        },
        series: [{
            name: 'Alpha',
            data: [31, 27, 23, 22, 22, 20, 21]
        }, {
            name: 'Omega',
            data: [5, 6, 7, 5, 6, 6, 5, ]
        }, {
            name: 'Gamma',
            data: [60, 62, 67, 69, 68, 70, 71]
        }]
    });
});

Answer 1

以简单的方式不可能，但只有我想到的是相当肮脏的解决方案，但也许就足够了。因此，您可以按系列和类别设置空值。

http://jsfiddle.net/KrTbz/42/

xAxis: {
        categories: [ '1','2','3','4','','A', 'B', 'C', ]     
    },

series: [
{
    name: 'Alpha',
    data: [31,27,23,22,null,22,20,21]

}, {
    name: 'Omega',
    data: [5,6,7,5,null,6,6,5,]

} ,{
    name: 'Gamma',
    data: [60,62,67,69,null,68,70,71] 
}
 ]