从表格中加载数据的柱状图上的反向序列

Reversed series on bar chart with data loaded from table

本文关键字：表格 加载 数据      更新时间：2023-09-26

我目前正在测试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()函数在每次调用后重新排序系列数组，所以你不能用这样的循环来控制它。有什么简单的方法可以解决这个问题吗?

JsFiddle

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