Couleurs dans DC.JS Tableaux non liés les uns avec les autres

Question

J'ai une choropleth (carte du monde) et un tableau de bulles dans dc.js.Les couleurs dans les bulles et la carte devraient être les mêmes (pays sage).Lors de la sélection d'un pays, la bulle filtrée doit avoir la même couleur que de la carte car la carte et les bulles sont liées au même pays.

Comment suis-je supposé y arriver.

Toute suggestion sera utile.

Merci d'avance.

Answer 1

Vous devriez être capable de Définissez la même échelle de couleur pour tous les graphiques, tant que les touches (noms de pays) sont les mêmes sur des graphiques.

Edit: En raison des limitations ci-dessous, la meilleure approche est probablement d'utiliser une fonction de réduction personnalisée qui produit un objet ou un tuple.Quelque chose comme (non testé):

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

`` `