Cores nos gráficos dc.js não vinculadas entre si

Question

Eu tenho um choropleth (mapa mundial) e um gráfico de bolhas em dc.js.As cores nas bolhas e no mapa devem ser as mesmas (em termos de país).Ao selecionar um país, a bolha filtrada deve ter a mesma cor do mapa porque o mapa e as bolhas estão vinculados ao mesmo país.

Como devo conseguir isso.

Qualquer sugestão será útil.

Desde já, obrigado.

Answer 1

Você deveria ser capaz de definir a mesma escala de cores para todos os gráficos, desde que as chaves (nomes dos países) sejam as mesmas em todos os gráficos.

EDITAR:devido às limitações abaixo, provavelmente a melhor abordagem é usar uma função de redução personalizada que produza um objeto ou tupla.Algo como (não testado):

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

```