javascript - d3 附加属性（如果存在）

Question

使用 d3.js 可以将数据中的任意属性附加到 SVG 元素，在此示例中，标题将用于工具提示：

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

有没有办法仅在数据中存在属性时附加属性？（即在此示例中，如果数据中缺少标题，则根本不会添加标题属性）

Answer 1

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