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

このように、さまざまな値のしきい値を自由に設定できます。また、しきい値ごとに異なる色を設定することもできます。