离散条形图颜色nvd3.js

Question

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

我正在检查代码，发现颜色是内联派生的

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

我还跟踪了discreteBarChart函数

color = nv.utils.getColor()

我没有意识到的是，我想问的是，颜色作为参数是什么？

Answer 1

它需要和数组的颜色=> ['#aec7e8', '#7b94b5', '#486192']，这样就可以了。

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

NVD3继承d3 here设置的缺省颜色

希望能有所帮助。

Answer 2

如果你想使用一种颜色，那么它可以从options对象中返回，如下所示：

​

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

​