d3 - 在路径属性中附加id

时间:2016-03-11 17:31:40

标签: d3.js topojson

我有一个topojson文件,其中包含一个包含我们区域的districts对象。每个都有一个id属性。 (区域是橙色的)

我只是想将每个区域ID与路径相关联,但我不太确定是否有特定的d3方法来处理它。

我面临的问题是这只是将第一个id附加到所有元素,而不是每个id,这是有道理的,因为我不会遍历每个对象。

感谢任何建议。

  d3.json('js/fullus.json?v=3', function(error, us) {
    if (error) throw error;

    // districts  
    var districttracts = topojson.feature(us, us.objects.districts);
    svg.selectAll("path").data(districttracts.features.filter(function(d) {
        needle = d.id,
          index = contains.call(districtArray, needle); // true   
        return d
      }))
      .enter().append("path")
      .attr("class", "district-boundary")
      .attr("data-districtId", needle)
      .attr("d", path)
  });

enter image description here

0 个答案:

没有答案