d3.js - D3单杠排序

Question

我想反转我的条形图的数据。我在搜索时发现了这段代码，但不确定如何实现。

dataset = dataset.sort(function(a, b) {
return a.value - b.value;
}).reverse();

还有我的代码片段：

const bars = svg.selectAll(".bar")
.data(data)
.enter()
.append("g")

bars.append("rect")
.attr("class", "bar")
.attr("y", function (d) {
                return y(d.name);
            })
            .attr("height", y.bandwidth() / 2 + 10)
            .attr("x", 0)
            .attr("width", function (d) {
                return x(d.value) - 10;
            });

在 Codepen 上

标签： d3.js

Answer 1

使用数据之前

data = data.sort(function(a, b) {
    return b.value - a.value;
});