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 here 设置的默认颜色

希望能帮助到你。