Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.0k views
in Technique[技术] by (71.8m points)

原生JS根据JSON数据生成树形图

JSON数据格式

image.png

实现效果

image.png

可以提供些思路吗


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

自己写的话
推荐先写一个静态的页面。

  1. svg 构造各种 方块圆圈连线
  2. js 添加控制
  3. 圆圈 响应点击可以用 修改显示的状态
  4. 具体的美化可以用 CSS 实现
  5. 每次响应 点击 就把整个 重新绘制一次。

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...