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

単一の色を使用したい場合は、以下のように options オブジェクトから返すことができます:

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