我正在使用D3的zoomable treemap。我插入了自己的数据,但出于某种原因,我没有得到原始可视化的相同颜色。为什么?
据我所知,这是定义rects颜色的地方:
cell.append("svg:rect")
.attr("width", function(d) { return d.dx - 1; })
.attr("height", function(d) { return d.dy - 1; })
.attr("class", "rct")
.style("fill", function(d) { return color(d.parent.name); });
此处定义了color
:
var w = 1280 - 80,
h = 800 - 180,
x = d3.scale.linear().range([0, w]),
y = d3.scale.linear().range([0, h]),
color = d3.scale.category20c(),
root,
node;
我没有看到任何直接控制颜色数量或颜色选择的东西。我错过了什么?