用d3js着色hexbin系列

Question

我在使用d3js着色hexbin网格时遇到问题。我正在绘制hexbin系列没有问题。但我希望每个系列都有不同的颜色渐变。 我不知道该怎么做。

jsbin https://jsbin.com/zogohap/edit?js,output

Answer 1

看看这个block

  var body = d3.select("body"),
    length = 100,
    color = d3.scale.linear().domain([1,length])
      .interpolate(d3.interpolateHcl)
      .range([d3.rgb("#007AFF"), d3.rgb('#FFF500')]);


  for (var i = 0; i < length; i++) {
    body.append('div').attr('style', function (d) {
      return 'background-color: ' + color(i);
    });
  }