D3旭日形序列颜色与旭日形弧光颜色不匹配

Question

我正在使用D3中的可缩放的旭日形状，它也有一些面包屑。第一次使用D3，所以我还不知道所有的复杂性，但是我无法在旭日中获得弧形的颜色，并且序列中的面包屑也匹配起来。它也只发生在叶子节点上，这很奇怪。我可以点击内圈，然后用相同的颜色显示面包屑，依此类推，直到我点击一个叶子节点。

最初我将颜色设置为var colors = d3.scale.category10();，并在图表选项中设置color: colors,当尝试为面包屑设置polygon的颜色时，我认为它是就像我从几个例子中看到的那样简单，

entering.append("svg:polygon")
  .attr("points", breadcrumbPoints)
  .style("fill", function(d) {
    return colors(d.name);
  });

但这导致上面的解释。因此，为了在下面的图片中澄清，旭日的外弧应为粉红色，或最低的面包屑应为红色。 （我不确定哪个是正确的，可能是前者）： 我有一个工作plunker我差不多完成了，但是不能得到这个部分。也是第二部分，但是是否可以根据某个值来设置各个弧的颜色？

编辑好看之后再看一些例子，例如，红色的红色在图片中显示是正常的。所以我想我正在寻找的解决方案是纠正面包屑的行为。