rời rạc Bar Chart màu nvd3.js

Question

Tôi đang sử dụng nvd3.js thanh rời rạc http://nvd3.org/ghpages/discreteBar.html

Tôi kiểm tra mã và thấy rằng màu sắc là được bắt nguồn inline

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

Tôi cũng theo dõi trên discreteBarChart chức năng

color = nv.utils.getColor() 

Điều tôi không nhận ra và hỏi là màu gì lấy làm tham số?

Answer 1

Yêu cầu và mảng màu =>['#aec7e8', '#7b94b5', '#486192'], một cái gì đó như thế này sẽ hoạt động.

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

NVD3 kế thừa giá trị mặc định được thiết lập bởi colurs d3 here

Hy vọng nó giúp.

Answer 2

Nếu bạn muốn sử dụng một màu duy nhất, sau đó nó có thể được trả lại từ các tùy chọn đối tượng như dưới đây:

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