D3.JS為每個國家添加課程

Question

我正在使用它進行簡單的可視化。

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

我想在每個國家的路徑上添加他的名字。 我試圖遍布各國，但我不知道與SVG聯系。

var world = svg.selectAll("path.land")
            .data(countries)
            .enter().append("path")
            .attr("class", "land")
            .attr("d", path)

Answer 1

您可以使用函數為每個數據項動態構建class屬性：

var world = svg.selectAll("path.land")
            .data(countries)
            .enter().append("path")
            .attr("class", function(d) { return "land " + d.name })
            .attr("d", path)