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)