【问题标题】:Change color order in bar chart更改条形图中的颜色顺序
【发布时间】:2017-03-27 14:58:44
【问题描述】:

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

这是我的Plunker.

现在最上面的条形图是完全红色的并且位于顶部。但是,我希望它在底部看到。

欢迎提出任何建议。

【问题讨论】:

  • “现在最上面的条形图完全是红色的并且位于顶部。”...你确定你分享了正确的 plunker 吗?
  • @GerardoFurtado 非常感谢!在我分享的 Plunker 中,我们在顶部放置了“166570004”,全为红色。我希望它位于底部。那可能吗?谢谢!
  • 我没有看到它“全红”。实际上,它们都是一样的。您的数据文件的所有行都相同。
  • 我又检查了一遍。也许这one 会起作用?
  • 现在值不同了!

标签: d3.js charts


【解决方案1】:

这是你想要的sort函数:

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

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

【讨论】:

    猜你喜欢
    • 2011-08-03
    • 2012-01-19
    • 1970-01-01
    • 1970-01-01
    • 2012-10-18
    • 2013-12-11
    • 1970-01-01
    • 2018-04-02
    相关资源
    最近更新 更多