直流图中的条件着色

时间:2014-10-03 12:26:49

标签: d3.js dc.js

我使用dc.js创建一个饼图来显示收益和损失,我怎样才能根据饼图颜色的变化来设置一些条件。

我尝试过使用

     .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; })

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

就像X轴刻度一样,颜色域可以是序数,这意味着每个值映射到调色板中的不同颜色,或定量,用于连续颜色。

默认情况下,饼图(以及其他大多数)使用序数比例,但如果您的意思是按连续值着色,则线性比例可能最佳。

E.g。

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