Colores en gráficos DC.JS no vinculados entre sí
-
21-12-2019 - |
Pregunta
Tengo un choropleth (mapa del mundo) y una tabla de burbujas en DC.J.Los colores en las burbujas y el mapa deben ser los mismos (en cuanto al país).En la selección de un país, la burbuja filtrada debe tener el mismo color que el mapa porque el mapa y las burbujas están vinculados con el mismo país.
¿Cómo se supone que puedo lograrlo?
Cualquier sugerencia será útil.
gracias de antemano.
Solución
Debe poder Establecer la misma escala de color para todos los gráficos, siempre que las teclas (nombres de país) sean las mismas a través de los gráficos.
Editar: Debido a las limitaciones a continuación, probablemente el mejor enfoque es usar una función de reducción personalizada que produce un objeto o tupla.Algo así como (no probado):
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);
}
})
`` `