2014-02-22 5 views
0

나는 D3 위에 앉아 dc.js을 사용하고 있습니다. 문제는 내 모든 차트처럼 같은 색 막대가 있습니다 :D3 ColorBrewer 동적 저울에 색칠

enter image description here

그것의 내 차트 아무도 정적 없습니다 및 X/Y 축 값은 항상 다를 수 있기 때문에 서로 다른 색상의 도메인을 설정하는 것은 쉽지 않다 . 각 그룹의 색상을 동적으로 변경하도록 차트에 어떻게 말할 수 있습니까? 내가 좋아하는 뭔가를 추가하려고했습니다

var chart = dc.barChart(elm); 
chart.barPadding(0.1) 
chart.outerPadding(0.05) 
chart.brushOn(false) 
chart.x(d3.scale.ordinal()); 
chart.xUnits(dc.units.ordinal); 
chart.elasticY(true); 
chart.width(250).height(250) 
chart.render(); 

:

chart.range(colorbrewer.RdBu[9]); 

을하지만, 모든 차트도 같은 색상을 설정 같은 코드 위의 예를 보인다.

감사합니다. 각 막대에 색상을 지정

chart.colors(d3.scale.category20b()); 

:

답변

3

난 당신이 뭔가를하려는 생각합니다.

chart.colorAccessor(function(d, i){return i;}) 

이 방법보다 여기에 설명되어 있습니다 : https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#color-mixin

+0

와우, 너무 쉽게 바의 데이터의 가치를 기반으로하는 선택한 색상을합니다. 나는 내가 어떻게 그것을 간과하는지에 관해 모른다. 제안 해 주셔서 감사합니다. – amcdnl

+0

FWIW 매우 도움이되는 것은 DC [데모 페이지]의 [주석이 달린 출처] (http://dc-js.github.io/dc.js/docs/stock.html)입니다 (http : // dc-js.github.io/dc.js/). –

+0

DC에 대한 또 다른 질문인데 왜 행형 차트가 잘 움직이지만 막대 차트가 나타 납니까? – amcdnl