d3.js - colourscheme 和 scaleOrdinal

Question

我正在尝试使用序数比例来管理我的条形图的女巫颜色，如下所示：

const myColor = d3
.scaleOrdinal()
.domain((data.map((d) => d.name)))
.range(d3.schemeAccent);

...

const rects = g.selectAll("rect").data(data);

rects
.enter()
.append("rect")
.attr("y", (d) => y(d.height))
.attr("x", (d) => x(d.name))
.attr("width", x.bandwidth)
.attr("height", (d) => HEIGHT - y(d.height))
.attr("fill", (d) => myColor(d));

不幸的是，只生成一种颜色的调色板。

标签： d3.js