map - dc.js 图表中的颜色未相互关联

Question

我在 dc.js 中有一个等值线（世界地图）和一个气泡图。气泡和地图中的颜色应该相同（国家/地区）。在选择国家时，过滤后的气泡应与地图具有相同的颜色，因为地图和气泡与同一个国家/地区相关联。

我想如何实现它。

任何建议都会有所帮助。

提前致谢。

Answer 1

您应该能够为所有图表设置相同的色标，只要图表中的键（国家名称）相同。

编辑：由于以下限制，可能最好的方法是使用生成对象或元组的自定义 reduce 函数。类似（未经测试）：

that.countrywiseInvGroup = that.countries.group().reduce(
    function(d, p) {
        p.inv += d.initial_inv;
        p.country = d.country;
        return p;
    },
    function(d, p) {
        p.inv -= d.initial_inv;
        return p;
    },
    function() {
        return {inv: 0};
    });

// ... 
 .colorAccessor(function (d) {
     return d.country;
 })
 .title(function (d) {
     if(d.value){
         return "Country: " + d.key + "\nTotal Initial Investment: USD $" + that.formatCurrency(d.value.inv);
     }
 })

```