如何使用來自geoj​​son和d3js的附加信息？

Question

我用d3js玩了一下，我用荷蘭的基本統計信息創建了一個GeoJson文件，現在我能夠渲染這張卡片，但是我不明白它如何使用添加屬性（IE顯示屬性中的州名：GM_CODE）

d3.json("gemeente.json", function (data) { 

     svg.selectAll("path").data(data.features) 
    .enter().append("path") 
    .attr("d", path) 
    .style("fill", function() { return "#44aaee" }) 
    .on("mouseover", function (e) { d3.select(this).style("fill", "#5522aa") }) 
    .on("mouseout", function (e) { console.log(data.features); d3.select(this).style("fill", "#44aaee") }) 
    }); 

任何幫助表示讚賞。

Answer 1

geojson數據集中的屬性位於： data.features.properties。 所以如果你的財產是「GM_CODE」。 如果是data.features.properties.GM_CODE。

用於在方法中會是這樣的：

svg.selectAll("path").data(data.features) 
    .enter().append("path") 
    .attr("d", path) 
    .style("fill", function() { return "#44aaee" }) 
    .text(function(d) { return d.properties.GM_CODE;})