d3.js中每一层如何添加不同的class名称

Question

我试图在不使用 json 值的情况下为每个级别添加不同的 class 名称

// Generate class string
  function getCircleClasses(d)
  {
    var classes = "node-L00";
    if (d.parent)
    {
      classes = "node-L";  
    }
    if (d.children)
    {
      classes += " emphasis"; 
    }

    return classes;
  }

Answer 1

使用 D3 的classed例程：

...
  .selectAll('circle.node')
  .data(data)
  .enter()
  .append('circle')
  .classed('node', true)
  .classed('has-parent', d => d.parent)
  .classed('has-children', d => d.children?.length > 0)