출력할 데이터에 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/]
'Programming > d3' 카테고리의 다른 글
d3 multi line graph (0) | 2018.11.21 |
---|---|
d3.time.format (0) | 2018.11.21 |
d3 update 두번째 검색내용.. (0) | 2018.11.15 |
d3 update enter (0) | 2018.11.12 |
d3 svg circle (0) | 2018.11.01 |