離散條形圖顏色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'; 
 
}, 
 
... 
 
.. 
 
}