2017-09-06 147 views
0

我想知道是否有人知道如何根据特定条件将条形颜色设置为某种颜色。所以,举个例子,假设这个值通过了一个预定义的阈值,那么这个条就会把颜色变成红色来表示它需要注意。任何人都知道如何做到这一点,或者甚至可以完成?DC.js条形图颜色的条件更改

回答

0

没关系,算出来了。

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

所以,你可以有很多不同的值的阈值,只要你想,和不同的颜色为每个阈值。