离散条形图颜色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继承了默认colurs由D3 here

希望它可以帮助设置。

Answer 2

如果你想使用一个单一的颜色，那么就可以从选项返回的对象如下图所示：

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