如何防止我的堆叠系列反向排列？

Question

我在JSFiddle上尝试了一个堆叠系列的例子,但根据我的说法,堆叠时系列是相反的:

$(function () {
    $('#container').highcharts({
        chart: {
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }, {
            data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
        }]
    });
});

蓝色的第一行应首先绘制(1月:29.9),第二行应添加到此行(1月:29.9 + 144 = 173.9).

有没有办法在堆叠时以正确的顺序获得系列？

Answer 1

由于这是谷歌的最佳结果,这可能为一些人节省时间:

它yAxis有一个reversedStacks参数(从版本3.0.10开始),true默认情况下.要自下而上构建堆栈,请将其设置为false.图例和共享工具提示项目顺序保持正确.

http://jsfiddle.net/r5upptLo/

Answer 2

您可以通过索引参数更改顺序,该参数可以在系列中设置.

http://jsfiddle.net/KLttA/

series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        index:1
    }, {
        data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2],
        index:0
    }]