dc.js를 사용하여 파이 차트 색상을 변경하는 방법

나는 DC.JS의 신규 사용자입니다. dc.piechart을 사용하고 있습니다. dc.pieChart을 사용하여 pie slice 색을 변경하는 데 문제가 있습니다.dc.js를 사용하여 파이 차트 색상을 변경하는 방법

필자가 본 문서 및 예제 Google에서 본 색상 방법과 다양한 조합을 사용합니다. 특정 데이터에 특정 색을 바인딩하고 싶습니다.

나는 색깔을 바꾸기 위해 코드를 사용했으나 여전히 작동하지 않습니다.

.colors(["#eeff00","#ff0022"]);

문제를 해결하는 방법에 대한 또 다른 접근 방식 -

var colorScale = d3.scale.ordinal().domain(["banana", "cherry", "blueberry"])       
.range(["#eeff00", "#ff0022", "#2200ff"]); 
pie.colors(function(d){ return colorScale(d.fruitType); });

어떤 생각?

출처

2015-01-09 chinmoy

두 번째 방법은 가까운,하지만 난 그냥 거기 colorScale을 통과해야한다고 생각하고 함수에 포장하지 :

고든이 너무 편리한 방법이며, 지적 . 또한 [colorAccessor] (https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#coloraccessorcoloraccessorfunction)의 fruitType 부분을 수행하십시오. – Gordon

먼저 서수 스케일을 생성해야합니다.

.colors(d3.scale.ordinal().range(
    [ '#1f78b4', '#b2df8a', '#cab2d6'..., '#bc80bd']);

첫 번째 슬라이스는 첫 번째 색상을, 두 번째 슬라이스는 두 번째 색상을 사용합니다.

// convenience method, the same as above 
chart.ordinalColors(['#1f78b4', '#b2df8a', '#cab2d6'...]);

https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#colorscolorscale

출처

2015-01-09 16:01:54 Xavier

색상이 반복됩니다. 그것을 피하기 위해 끝내야합니까? –

dc.js를 사용하여 파이 차트 색상을 변경하는 방법

답변

관련 문제