24

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

应首先绘制第一条蓝色线（一月：29.9），然后将第二条添加到这条线（一月：29.9 + 144 = 173.9）。

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

4

5 回答 5

43

由于这是谷歌的最高结果，也许这可以节省一些时间：

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

http://jsfiddle.net/r5upptLo/

于 2015-03-25T09:48:22.313 回答
30

您可以通过可以在系列中设置的索引参数更改顺序。

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
    }]
于 2013-04-24T13:41:56.380 回答
1

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

于 2014-08-21T16:26:07.647 回答
0

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

于 2016-09-14T16:06:24.617 回答
-2

您正在寻找的是reversedxAxis 或 yAxis。我试过reversedStacks了，但没有用，在查看文档后，我找不到它，所以假设它已被替换为reversed.

于 2015-07-20T18:08:40.873 回答