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

时间:2014-03-18 06:17:05

标签: javascript html css svg d3.js

考虑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]);}) ;

1 个答案:

答案 0 :(得分:1)

一种选择是使用,例如:

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

请参阅updated fiddle