离散条形图颜色nvd3.js

Question

我正在使用nvd3.js离散条http://nvd3.org/ghpages/discreteBar.html

我正在检查代码并看到颜色是内联派生的

style="fill: #ffbb78; stroke: #ffbb78;"

我还跟踪discreteBarChart函数

color = nv.utils.getColor()

我没有意识到并询问颜色作为参数是什么？

Answer 1

它需要和颜色数组=＆gt; ['#aec7e8', '#7b94b5', '#486192']，这样的事情会起作用。

var chart = nv.models.discreteBarChart()
                   .... 
                   ....
                   .color(['#aec7e8', '#7b94b5', '#486192']);

NVD3继承了d3 here

设置的默认colurs

希望它有所帮助。

Answer 2

如果您想使用一种颜色，则可以从选项对象返回，如下所示：

var options={
 ....
 colour:function(){
 return '#ff0000';
 },
 ...
 ..
}