从对象数组中绘制任意数量的线时，d3.js的唯一颜色

Question

我用以下代码绘制任意数量的行，其中allLines是对象数组的数组，这样每个对象数组都会产生一行。 现在，所有行都是相同的颜色。 如何使每个颜色都具有独特性？ 我正在寻找一个不涉及使用nest()

   var lines = d3.select("svg").selectAll(".myLine")
        .data(allLines)

    lines.enter()
        .append("path")
        .attr("class", "myLine")
        .attr("d", tweetLine)
        .attr("fill", "none")
        .attr("stroke", "darkred")
        .attr("stroke-width", 2)

    lines.exit().remove();

    lines.attr("class", "myLine")
        .attr("d", tweetLine)
        .attr("fill", "none")
        .attr("stroke", "darkred")
        .attr("stroke-width", 2)

Answer 1

您可以使用预定义比例之一 ，例如d3.scale.category20() 。 您可以像使用任何其他D3秤一样使用它：

var colours = d3.scale.category20();
colours(someData);
colours(someOtherData);

对于您的行，您有一个数组作为数据，因此不能直接使用。 但是，您可以根据这些线的值计算出一些值并使用它，例如

.attr("stroke", function(d) {
  return colors(d3.sum(d, function(e) {
    return e.whateverTheNumberThatDeterminesTheLineIs;
  }));
})