nvd3.js - 离散条形图颜色 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在这里设置的默认颜色

希望能帮助到你。

Answer 2

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

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