d3附加属性(如果存在)

时间:2012-11-18 18:48:09

标签: javascript d3.js

使用d3.js可以将数据中的任意属性附加到SVG元素,在本例中是一个用于工具提示的标题:

svg.selectAll("circle")
    .data(data)
  .enter().append("circle")
    .attr("title", function(d) { return d.title; })

只有在数据中存在属性时才能附加属性吗? (即在本例中,如果数据中缺少标题,则根本不会添加标题属性)

1 个答案:

答案 0 :(得分:2)

如果属性的值为null或undefined,则selection.attr将删除指定的属性。如果没有定义属性,则将该属性设置为null或undefined无效。因此,只要d.title的值在缺失时为空或未定义(而不是空字符串),那么您的代码只会在存在时设置“title”属性。