离散条形图颜色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设置在这里

希望能帮助到你.