如何防止我的堆叠级数反向排列

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]
        }]
    });
});

第一条蓝色线先画(January: 29.9)，第二条线加到这条(January: 29.9 + 144 = 173.9)上。

当它们堆叠时，是否有一种方法可以使序列以正确的顺序排列?

Answer 1

由于这是google的第一结果，也许这为某些人节省了时间:

yAxis有一个reversedStacks参数(从3.0.10版本开始)，默认为true。要从下往上构建堆栈，将其设置为false。通过这种方式，图例和共享工具提示项的顺序将保持正确。

http://jsfiddle.net/r5upptLo/

Answer 2

您可以通过索引参数更改顺序，该参数可以在serie中设置。

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
    }]

Answer 3

您可以使用系列的legendIndex参数:http://api.highcharts.com/highcharts#series.data.legendIndex

Answer 4

另一种方法是将.reverse()添加到序列数组的末尾，参见http://jsfiddle.net/sq9u6q5n/。

Answer 5

您要查找的是xAxis或yAxis中的reversed。我尝试了reversedStacks，但它不起作用，在查看文档后，我找不到它，所以假设它已被reversed取代。