Programming/d32018. 11. 15. 18:48

출력할 데이터에 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
Posted by 구차니