DC.js 有条件地改变条形图颜色

Question

我想知道是否有人知道根据特定条件将条形颜色设置为特定颜色的方法。因此，例如，假设该值超过了某个预定义的阈值，则该条将颜色更改为红色以指示它需要注意。任何人都知道这将如何完成，或者是否可以完成？

Answer 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"]))

因此您可以根据需要设置任意数量的不同值阈值，并且每个阈值具有不同的颜色。

DC.js 有条件地改变条形图颜色

DC.js conditional changing of bar chart colours

dc.js