Question

我正在尝试根据特定的数据阈值设置气泡图的颜色，我的数据的域名为0到100.我想为0-40,40-60和＆gt;值显示不同的颜色。 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";
    }
 })

以下是展示问题的Plnkr。

Answer 1

直接分配颜色......

  .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;
    }
  })

dc.js bubblechart颜色比例不起作用

1 个答案: