2013-07-17 3 views
6

Я использую nvd3.js дискретного бар http://nvd3.org/ghpages/discreteBar.htmlDiscrete Бар Цвет диаграммы nvd3.js

я осматриваю код и увидеть, что цвет был получен рядным

style="fill: #ffbb78; stroke: #ffbb78;" 

Я также отслеживать на discreteBarChart функция

color = nv.utils.getColor() 

Что я не понимаю и спрашиваю, что такое цвет в качестве параметра?

ответ

9

Требуется и массив цветов =>['#aec7e8', '#7b94b5', '#486192'], что-то вроде этого будет работать.

var chart = nv.models.discreteBarChart() 
        .... 
        .... 
        .color(['#aec7e8', '#7b94b5', '#486192']); 

NVD3 наследует значения по умолчанию colurs устанавливается d3 here

Надеются, что это помогает.

+3

цвета() задает цвет в наборе то время как Цвет прогресса() устанавливает цвет в группе (с автоматической различной штриховкой, чтобы сделать штрихи различимыми). Они оба берут массивы цветов. – Heliodor

+0

Ни одна из ссылок не работает. –

2

Если вы хотите использовать один цвет, то он может быть возвращен из вариантов объекта, как показано ниже:

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

Смежные вопросы