D3.JS Klasse hinzufügen, die für jedes Land

Ich bin mit diesem für eine einfache Visualisierung.

http://bl.ocks.org/KoGor/5994804

Möchte ich hinzufügen, dass auf jeder Landes-Pfad seinen Namen. Ich habe versucht, loop-over-Ländern, aber ich habe keine Idee, um eine Verbindung mit dem SVG.

var world = svg.selectAll("path.land")
            .data(countries)
            .enter().append("path")
            .attr("class", "land")
            .attr("d", path)
  • Was genau wollen Sie tun? Fügen Sie eine weitere Klasse, um die erzeugten Pfade oder text hinzufügen auf der ganzen Welt?
  • Ich möchte hinzufügen-Klasse, um den Pfad, zum Beispiel <path class="land Indien" d="..."> jsfiddle.net/7buzp4ab hier haben Sie den code live
  • Ist es möglich?
  • Das wäre einfach .attr("class", function(d) { return "land " + d.properties.name; }) keine?
InformationsquelleAutor Marius | 2015-02-06
  1. 5

    Können Sie eine Funktion zu bauen, die class - Attribut dynamisch für jedes Datenelement:

    var world = svg.selectAll("path.land")
            .data(countries)
            .enter().append("path")
            .attr("class", function(d) { return "land " + d.name })
            .attr("d", path)
    • Nur eine Funktion aufrufen, die das aktuelle Objekt d, aus denen Sie dann anrufen können Schlüssel-Wert.
    InformationsquelleAutor joews
Schreibe einen Kommentar