【问题标题】:DC.js conditional changing of bar chart coloursDC.js 有条件地改变条形图颜色
【发布时间】:2017-09-06 10:18:45
【问题描述】:

我想知道是否有人知道根据特定条件将条形颜色设置为特定颜色的任何方法。因此,例如,假设该值通过了某个预定义的阈值,那么该条将颜色变为红色以表明它需要注意。任何人都知道如何做到这一点,或者甚至可以做到吗?

【问题讨论】:

    标签: dc.js


    【解决方案1】:

    没关系,想通了。

    chart
    .colorAccessor(function (d) {
        if (d.value > 12) {
            return "test1";
        }
        if (d.value > 9) {
            return "test2";
        }
        if (d.value > 6) {
            return "test3";
        }
        if (d.value > 3) {
            return "test4";
        }
    })
    .colors(d3.scale.ordinal().domain(["test1", "test2", "test3", "test4"])
    .range(["red", "orange", "yellow", "green"]))
    

    因此,您可以根据需要设置任意多个不同的阈值,并为每个阈值设置不同的颜色。

    【讨论】:

      猜你喜欢
      • 2017-03-31
      • 1970-01-01
      • 1970-01-01
      • 2023-04-04
      • 1970-01-01
      • 1970-01-01
      • 2011-08-03
      • 2012-01-19
      • 1970-01-01
      相关资源
      最近更新 更多