d3 pie 칸색 바꾸기

출력할 데이터에 label, value 외에 color를 이용하여 해당 칸을 직접 색 지정이 가능한 라이브러리

흐음.. 이걸 원한건 아닌데 ㅠㅠ

data: { content: [ { label: "Bushtit", value: 5 }, { label: "Chickadee", value: 2 }, { label: "Elephants", value: 6, color: "#00aa00" }, // here!  ]}

[링크 : http://d3pie.org/website/examples/colors.html]

[링크 : http://d3pie.org/]

+

좀 다르면서도 위와 같은 접근 방법

직접 fill color를 지정해주도록 .data(pie()) 이후에 추가해주면 되는 듯 하다.

var path = svg.selectAll('path') .data(pie(data)) .enter() .append('path') .attr('d', arc) .attr('fill', function(d, i) { return data[i].color; }); [ { "count": 10,"color":"rgb(0,154,205)" }, { "count": 20 ,"color":"rgb(139,119,101)"}, { "count": 30,"color":"rgb(255,140,0)" }, { "count": 40,"color":"rgb(127,255,0)" } ]

[링크 : https://www.knowlarity.com/blog/creating-pie-chart-d3-js-step-step/]