在Chart.JS条形图中对条形排序

时间:2018-07-21 03:50:33

标签: javascript jquery chart.js

我最近一直在尝试使用ChartJS,但遇到了一个问题,即按照从最低到最高的降序对条形进行排序。我尝试调试,但没有发现运气。

1 个答案:

答案 0 :(得分:0)

您确定单击“排序数据”按钮时会调用“ beforeupdate”,因为似乎使用了错误的变量。

barChart → barGraph

已更新 旧的link
已更新 Here is the link

// Get the data from each datasets.
var dataArray = [];
$.each(chart.data.datasets, function() {
    dataArray.push(this.data);
});
// Get the index after sorted.
let dataIndexes = dataArray.map((d, i) => i);
dataIndexes.sort((a, b) => {
    return dataArray[a] - dataArray[b];
});
// create after sorted datasets.
var tempDatasets = [];
$.each(dataIndexes, function() {
    tempDatasets.push(chart.data.datasets[this]);
});
// apply it
chart.data.datasets = tempDatasets;

使用Ajax返回什么数据?

data = [{
    sample : "ALPINE",
    electric : 100,
    mpg: 200,
    urban: 300,
    vmt: 400,
    airtravel: 500,
    renewable: 100,
    conservation : 200,
    heating: 300,
    water: 400,
    cefficiency: 500,
    shiftc: 100,
    healthyd: 200
}];