我使用了在堆栈溢出时在这里找到的脚本来对堆积条形图进行排序。唯一的事情是堆叠的条形按总条形的总和排序。我一直在努力使用下面的脚本，但找不到一种方法来根据堆栈的一个值而不是堆叠条的总和对堆叠条进行排序。这是我正在使用的代码：
Chart.plugins.register({
id:"p2",
datasets: [],
getData(labels, datasets) {
const sum = [];
for (i = 0; i < datasets[0].length; i++) {
sum.push({
label: labels[i],
data: datasets.map(e => e[i]),
get sum() { // ES6 - getter
return this.data.reduce((a, b) => a + b);
}
});
}
return sum;
},
beforeUpdate(chart) {
chart.data.datasets.forEach((dataset, datasetIndex) => {
this.datasets.push(dataset.data);
});
const data_store = this.getData(chart.data.labels, this.datasets).sort((a,b) => b.sum - a.sum);
data_store.forEach((d,i) => {
chart.data.labels[i] = d.label;
d.data.forEach((v, vi) => {
chart.data.datasets[vi].data[i] = v;
});
});
}
});
排序函数当前使用总和：
.sort((a,b) => b.sum - a.sum)
所以用你想要排序的数据替换它：
.sort((a,b) => b.data[i] - a.data[i])
i您想要的行在哪里。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句