D3.js dc.js bubblechart颜色刻度不工作

我试图根据数据的某个阈值为bubblechart设置颜色，我的数据的域为0到100。我想为值0-40、40-60和>60显示不同的颜色

我尝试了以下方法，但运气不佳

.colors(["#e57275", "#94dfeb","#f6df86"])
.colorDomain(function() {
    return ["Poor", "Average","Good"]
 })
 .colorAccessor(function(d) {

    if (d.value.performance < 40) {
      return "Poor";
    }
    if (d.value.performance >= 40 && d.value.performance < 60) {
      return "Average";
    }
    if (d.value.performance >= 60) {
      return "Good";
    }
 })

.colors（[“#e57275”、“#94dfeb”、“#f6df86”]）
.colorDomain（函数（）{
回报[“差”、“一般”、“好”]
})
.colorAccessor（函数（d）{
如果（d.值.性能<40）{
返回“穷人”；
}
如果（d.value.performance>=40&&d.value.performance<60）{
返回“平均值”；
}
如果（d.value.performance>=60）{
返回“好”；
}
})

---

下面是演示问题的示例

直接分配颜色即可

  .colors(["#e57275", "#94dfeb","#f6df86"])
  .colorAccessor(function(d) {
    //  alert('Lets chec' + d.performance)
    if (d.value.performance < 40) {
      return 0;
    }
    if (d.value.performance >= 40 && d.value.performance < 60) {
      return 1;
    }
    if (d.value.performance >= 60) {
      return 2;
    }
  })

.colors（[“#e57275”、“#94dfeb”、“#f6df86”]）
.colorAccessor（函数（d）{
//警报（'Lets chec'+d.performance）
如果（d.值.性能<40）{
返回0；
}
如果（d.value.performance>=40&&d.value.performance<60）{
返回1；
}
如果（d.value.performance>=60）{
返回2；
}
})

这看起来很合理，不知道为什么不起作用。