VueJS 동적 막대 차트 색상

Question

두 개의 데이터 세트가있는 막대 그래프가 제공됩니다. 각 막대에 고유 한 색상을 어떻게 줄 수 있습니까?

svg.selectAll(".bar") 
    .data(data) 
    .enter().append("rect") 
    .style("fill", function(d,i) { console.log(i.fill) } // <- first red, second blue 

Answer 1

은 제가 작동 할 수 있습니다 생각하는지에 대한 데모를 설정 너무 게으른 해요,하지만 난 당신이 같은 색상의 배열 원하는 상상 : fill 당신이 수에 대한 콜백에서 다음

var colors = ['red', 'blue']; 

을 다음과 같이 수행

내가 i 가정에서 올바른 해요 경우

return colors[i % colors.length]; 

당신이에있는 bar에 대한 인덱스이다.