直方圖中的條件着色

Question

我正在使用dc.js a創建餅圖以顯示增益和損耗，我該如何放置一些基於餅圖顏色變化的條件。

我一直在使用

 .colors(['#fdd752', '#AEC785', '#a48ad4', '#3acdc7']) 
    // (optional) define color domain to match your data domain if you want to bind data or color 
    .colorDomain([-1750, 1644]) 
    // (optional) define color value accessor 
    .colorAccessor(function (d, i) {console.log(d); return d.value; }) 

任何想法試過嗎？

Answer 1

就像X軸比例尺一樣，顏色區域可以是序號，這意味着每個值映射到調色板中的不同顏色或定量的連續顏色。

默認情況下，餅圖（以及其他大多數）使用序數標度，但如果您的意思是按連續值着色，則線性標度可能是最好的。

E.g.

chart.linearColors(['red', 'green']) 
    .colorDomain([-1750, 1644]) 
    .colorAccessor(function (d, i) {console.log(d); return d.value; })