dc.js图表​​中的颜色彼此不相关

时间:2014-06-04 13:14:12

标签: map dc.js bubble-chart

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

我想如何实现它。

任何建议都会有所帮助。

提前致谢。

1 个答案:

答案 0 :(得分:2)

只要图表中的键(国家/地区名称)相同,您就可以set the same color scale显示所有图表。

编辑:由于下面的限制,最好的方法可能是使用生成对象或元组的自定义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);
     }
 })

```