简体   繁体   中英

How to add different class name to each level in d3.js

I trying to add different class name for each level without using json values

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

    return classes;
  }

图片供您参考

Use classed routine of D3:

...
  .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)

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2025 STACKOOM.COM