高图隐藏倍数系列类别的空栏

Question

我正在尝试实现具有不同系列的图表，但是每个系列将分别具有不同类别的值。

我想要拥有的东西

我今天所拥有的：

使用以下代码：

    document.addEventListener('DOMContentLoaded', function () {
    Highcharts.chart('container', {
        chart: {
            type: 'column'
        },
        title: {
            text: 'Fruit Consumption'
        },
        xAxis: {
            categories: ['a1', 't1', 't2', 'l1', 'l2', 'p1']
        },
        yAxis: {
            title: {
                text: 'Fruit eaten'
            }
        },
        series: [{
                name: 'a',
            data: [267]
        },{
                name: 't',
            data: [0, 21, 400]
        },{
                name: 'l',
            data: [0, 0, 0, 600, 242]
        },{
                name: 'p',
            data: [0, 0, 0, 0, 0, 1000]
        }],
    });
});

条形之间有自由空间，因为对于某个类别，系列的值为0。 我只想一张一张“不错”的图表，所有列一一对应。 也许，这是配置系列和类别的另一种方式...

Answer 1

禁用grouping：

plotOptions: {
  series: {
    grouping: false
  }
}

---

实时演示： http://jsfiddle.net/BlackLabel/x6758dcq/

API参考： https://api.highcharts.com/highcharts/plotOptions.column.grouping