J'essaie de colorer les cercles en fonction d'une donnée .csv, colonne "COLOR". La "couleur" comprend "rouge", "jaune", "vert" -mais en ce moment les couleurs ne sont pas transféraient ... juste la valeur par défaut noir ...Les données couleur CSV ne sont pas affichées
var col = function(d) {return d.COLOR};
svg.selectAll(".dot")
.data(data)
.enter().append("circle")
.attr("class", "dot")
.attr("r", 15)
.attr("cx", xMap)
.attr("cy", yMap)
.style("fill", col)
.style("opacity", ".5")
.on("mouseover", function(d) {
tooltip.transition()
.duration(200)
.style("opacity", .9);
tooltip.html(d["Cereal Name"] + "<br/> (" + xValue(d)
+ ", " + yValue(d) + ")")
.style("left", (d3.event.pageX + 5) + "px")
.style("top", (d3.event.pageY - 28) + "px");
data.forEach(function(d) {
d.POPULATION = +d.POPULATION;
d.REVENUE = +d.REVENUE;
d.COLOR = +d.COLOR;
Pouvez-vous fournir une démo? – Ofisora
Je ne vois aucun problème dans ceci ... une possibilité pourrait être que 'd.COLOR' n'est pas présent dans les données. – Cyril
@cyril: J'ai ajouté un peu plus de détail montrant le fichier csv respectif avec le code qui extrait les données COLOR du fichier. Est-ce que j'ai râté quelque chose? Merci! – aiwan