当前位置: 代码迷 >> JavaScript >> 条形图上的反向序列,数据从表中加载
  详细解决方案

条形图上的反向序列,数据从表中加载

热度:19   发布时间:2023-06-13 12:32:48.0

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

提前致谢。

  data: {
            table: 'datatable',
            switchRowsAndColumns: true,
            parsed:function(columns){
                 columns.reverse();
                 columns.unshift(columns.pop());
            }
  },
  legend: {
            reversed:true
  },
  相关解决方案