Как изменить цветовую диаграмму с использованием dc.js

Question

Я новый пользователь DC.JS. Я использую dc.piechart. У меня возникают проблемы с изменением pie slice цветов с использованием dc.pieChart.

Документация и примеры, которые я видел, используют метод цветов и многие комбинации из 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); }); 

Любая идея о том, как решить эту проблему?

Answer 1

необходимо сначала создать порядковый масштаб.

.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