条形图上的反转系列,从表中加载数据

时间:2015-07-19 08:35:07

标签: javascript highcharts

我目前正在测试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()函数在每次调用后重新排序系列数组,因此您无法使用这样的循环来控制它。有没有简单的方法来解决这个问题?

提前致谢。

1 个答案:

答案 0 :(得分:0)

JsFiddle

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