Highcharts highchart堆叠条聊天动态添加系列

下面是我的堆叠条形图代码，它设置了Y轴方向的值，而不是X轴方向的值，数据[5,3]应显示在X轴的一行中，[2,2]显示在另一个X轴点中，但打印[5,3]和[2,2]

function barChartObject() {
    return jQuery.extend(true, {}, Highcharts.setOptions({
        chart: {
            type: 'bar',
            marginTop: 10,
            marginBottom: 10,
            marginLeft: 50,
            marginRight: 2,
            width: 500
        },
        xAxis: {
            categories: ['Apples', 'Bananas']
        },
        yAxis: {
            min: 0,

        },
        legend: {
            reversed: true
        },
        plotOptions: {
            bar: {
                dataLabels: {
                    enabled: true
                }
            },
            series: {
                stacking: 'normal'
            }
        }
    }));
}

function addBarSeries(chart, chartData) {
    _.each(chart.series, function(s) {
        s.remove();
    });

    chart.options.legend.enabled = false;
    var series = [{
        name: 'John',
        data: [5, 3]
    }, {
        name: 'Jane',
        data: [2, 2]
    }];

    _.each(series, function(s) {
        chart.addSeries(s, false);
    });

    chart.redraw();
}

数据[5,3]应以x轴显示在 一行和[2,2]位于另一个x轴点，但绘制[5,3]和 [2,2]

不，它呈现的是它应该呈现的样子。请注意，您的系列定义了两个点，如

[{x:0，y:2}，{x:1，y:2}]

，它们在图表上清晰可见

如果希望将这两个值放在xAxis的一行中，则需要将数据更改为以下格式：

  series: [{
    name: 'John',
    data: [2, 3]
  }, {
    name: 'Jane',
    data: [2, 5]
  }]

演示：