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.title 的值在缺失时为 null 或 undefined(而不是空字符串)，那么您的代码将仅在存在时设置“title”属性。