javascript - 条形图上的反转序列，数据从表中加载

Question

我目前正在测试 Highcharts，因为我一直在考虑在我的一个项目中使用它。我遇到了以下问题:当显示带有从 html 表加载的数据的条形图时，我发现系列顺序错误(相反)。请参阅此处的示例:

http://jsfiddle.net/scfd8Len/

我想要的是与表中相同的系列顺序(“苹果”在前，“橙子”在最后)。我试图使用 series.update() 函数，如下所示:

var chart = $('#container').highcharts();
for(var i=0; i < chart.series.length; i++) {
    chart.series[i].update({ index: chart.series.length-1-i})
}

但似乎 update() 函数在每次调用后都会重新排序系列数组，因此您无法用这样的循环来控制它。有什么简单的方法可以解决这个问题吗？

提前致谢。

Answer 1

JsFiddle

  data: {
            table: 'datatable',
            switchRowsAndColumns: true,
            parsed:function(columns){
                 columns.reverse();
                 columns.unshift(columns.pop());
            }
  },
  legend: {
            reversed:true
  },