D3.JS 将 class 添加到每个国家

Question

我用它来进行简单的可视化。

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

我想在每个路径中添加国家名称。我试过遍历各个国家/地区，但我不知道如何使用 SVG link。

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)

D3.JS 将 class 添加到每个国家

D3.JS add class to each country

javascript

svg

d3.js