D3雷达图表颜色

时间:2015-05-11 19:14:07

标签: d3.js

我正在使用D3雷达图来绘制一些数据:

https://github.com/alangrafu/radar-chart-d3

我正在尝试使用十六进制代码配置D3图表,例如#FFFFFF。

本网站:

http://graves.cl/radar-chart-d3/

提出

var mycfg = {
  color: function(){
  c = ['red', 'yellow', 'pink', 'green', 'blue', 'olive', 'aqua', 'cadetblue', 'crimson'];
  m = c.length - 1;
  x = parseInt(Math.random()*100);
  return c[x%m]; //Get a random color
}
}

但这会返回一个随机函数...我想要更像的东西:

var mycfg = {
  color: function(){
  c = ['red', 'yellow', 'pink', 'green', 'blue', 'olive', 'aqua', 'cadetblue', 'crimson'];
  return c; //Get a non-random color
}
}

没有随机化......但是函数的返回类型不正确......

1 个答案:

答案 0 :(得分:0)

如果您想根据系列订单设置自己的颜色:

  var mycfg = {
    color: function(i) {
      c = ['red', 'yellow', 'pink', 'green', 'blue', 'olive', 'aqua', 'cadetblue', 'crimson'];
      return c[i];
    }
  }

第一个系列将是red,第二个yellow等等......

示例here