基于密钥

Question

设置choropleth中的颜色我试图根据链接到该密钥的某些属性设置choropleth的颜色。 但是，所有设置颜色的方法只具有该特定位置的值，而不是其关键。

var map = dc.geoChoroplethChart(dom) 
    .height(width*0.8) 
    .width(width) 
    .dimension(dim) 
    .projection(projection) 
    .colorAccessor(function(d,i){ 
    // it isn't the usual d={key,value} but only d=value 
    }) 
    .colorCalculator(function(d,i){ 
    // it isn't the usual d={key,value} but only d=value 
    //and it's deprecated 
    }) 
    .title(function (d) {return d.key + ': ' + d.value;}) 
    // got the key,value as expected 

如何从colorAccessor获取密钥？它从其他功能（例如标题）工作正常

Answer 1

我结束了使用的解决方法： 创建复制的值的键自定义功能降低。

//the iso code of the country is the key 
    var group = dim.group().reduce(
    function (p, v) { 
     p.total += +v.total; 
     if (p.iso == "") { 
     p.iso = v.country; 
     } 
     return p; 
    }, 
    function (p, v) { 
     p.total -= +v.total; 
     return p; 
    }, 
    function() { return { 
     total:0,iso:"" 
     }; 
    }); 

var map = dc.geoChoroplethChart(dom) 
    .colorAccessor(function(d){ 
    if (!d || !d.value.iso) 
     return null; // area without data 
    // now d.value.iso contains the key, and d.value.total contains the value 
    return colorIndex(d.value.iso,d.value.total);// do magic 
    }) 
    .... 

Answer 2

所以它原来是“正常”。正如Gordon所建议的那样，解决方案是将geojson的索引与您想要的数据进行映射。就我而言，我对一个国家阵列上的每个国家额外的数据：

var geojson=topojson.feature(europe,europe.objects.countries); 
    // map index in the map to country data this hack is to solve a problem of not having the key on the colorAccessor 
    var geo2data=[]; 
    geojson.features.forEach(function(d,i1){ 
    var i2=country.findIndex(function(c) { 
     return c.country.toUpperCase()==d.id}); 
    geo2data[i1] = i2; 
    }); 

    var map = dc.geoChoroplethChart(dom) 
    ... 
    .colorAccessor(function(v,i){ 
    if (geo2data[i] >= 0){ 
     //geo2data[i] contains extra values, eg 
     return v/country[geo2data[i]].threshold; 
    } 
    return v; 
    })