更改条形图中的颜色顺序

时间:2017-03-27 14:58:44

标签: d3.js charts

我正在使用d3.scale.threshold()来实现与值相关的颜色变化,我不知道如何翻转颜色,因此完全红色的条形图将位于底部图表和大部分为绿色的条形图位于顶部。

这是我的Plunker.

现在非常顶部的条形图完全是红色并位于顶部。但是,我希望它能在底部看到它。

任何建议都表示赞赏。

1 个答案:

答案 0 :(得分:1)

这是您想要的sort功能:

data.sort(function(a, b) { 
    return d3.descending(b.total, a.total); 
});

这是您更新的plunker:https://plnkr.co/edit/uyrf66RA6Qhc3bhOmdwH?p=preview