javascript - 如何减少 d3.scale.category10() 中的颜色数量？

Question

考虑 JSFIFDDLE 链接 http://jsfiddle.net/userla/5D5eD/2/ .这里的颜色数量应该限制为每个数据点只有两种 d3.scale.category10() 有 10 种颜色，它必须限制为只有 2 种。如何实现这一目标？

var color = d3.scale.category10();
var g = main.append("svg:g");

   g.selectAll("scatter-dots")
 .data(data)
.enter().append("svg:circle")
.attr("cx", function (d, i) {
return x(d[0]);
  }) 
   .attr("cy", function (d) {
 return y(d[1]);
 }) 
 .attr("r", 5)
 .style("fill", function (d) { return color(d[0]);}) ;

Answer 1

一个选项是使用，例如:

var color = d3.scale.ordinal().range(["#1f77b4", "#ff7f0e"]);

参见 updated fiddle .