Javascript D3中的树映射颜色编码

我和D3的同事一起工作。我插入了自己的数据，但由于某些原因，我没有得到与原始可视化相同的颜色多样性。为什么?

据我所知，这是定义矩形颜色的地方：

  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); });

使用此处定义的

颜色

：

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;

---

我没有看到任何直接控制颜色数量或选择的东西。我缺少什么？

使用

d3.scale.category10（）

以获得更大的对比度。最后，请看这篇文章，了解颜色类别的解释。您可能只有三个不同的名称吗？Great point@LarsKotthoff…否则我们应该看到更多的颜色变化（无论选择了哪个内置类别）。