DC.js changement conditionnel des couleurs de graphique à barres

Question

Je me demandais si quelqu'un connaissait un moyen de régler une couleur de barre à une certaine couleur en fonction d'une certaine condition. Par exemple, disons que la valeur dépasse un certain seuil prédéfini, alors cette barre changera de couleur en rouge pour indiquer qu'elle a besoin d'attention. Quelqu'un a-t-il la moindre idée de comment cela pourrait se faire, ou même si cela peut être fait?

Answer 1

Peu importe, vous l'avez compris.

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

Vous pouvez donc avoir autant de seuils de valeurs différents que vous le souhaitez, et une couleur différente pour chaque seuil.