前端方面有什么库可以比较好地展现树形数据？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3276 天前的主题，其中的信息可能已经有所发展或是发生改变。

数据是有 parent 和 children 结点的，树比较宽，高度一般不超 10 层左右，最大的数据集可能有 1000 个左右结点，求介绍

树形

parent

children

数据

12 条回复 • 2015-12-17 15:06:54 +08:00

lrj2u

2015-12-16 18:27:55 +08:00

推荐 ztree …………用过挺好用的，照着 demo 和 api 就能实现大部分功能。

beginor

2015-12-16 18:32:35 +08:00

同意楼上的，用 ztree ，性能不错的

decaywood

2015-12-16 18:33:12 +08:00

d3.js http://mbostock.github.io/d3/talk/20111018/cluster.html

shsf4

2015-12-16 18:45:38 +08:00

http://bl.ocks.org/mbostock/4339083 也是用的 d3

Keita1314

2015-12-16 18:45:48 +08:00

@lrj2u @beginor 这是文件层级的，有没有图形化比较好化的？
@decaywood 这个有点不太直观

chairuosen

2015-12-16 18:57:18 +08:00

搜 treemap 啊，各种

Lucups

2015-12-16 19:06:28 +08:00

@Keita1314 @shsf4 给的例子只是 d3 无数 demo 中的一个，你可以看看其他的例子。

例如:
http://www.brightpointinc.com/2013-federal-budget/
http://animateddata.co.uk/lab/d3-tree/
http://nlpviz.bpodgursky.com/home
http://bl.ocks.org/mbostock/1093025
......

Keita1314

2015-12-16 19:31:55 +08:00

@all 谢谢各位

yexiaoxing

2015-12-16 20:19:13 +08:00

（想知道…… @ all 是谁）

chemzqm

2015-12-17 01:55:29 +08:00

1000 个节点用 d3 去做动画的话，有可能出现性能问题，只是展示的话自己写 dom ，要高性能就用 canvas 画， D3 是基于 dom 和 svg 的

dododada

2015-12-17 13:32:07 +08:00

easyui tree ，前端处理会比较卡，后端生成节点 div ，几万节点没问题

jiezg

2015-12-17 15:06:54 +08:00

简单的话直接用 svg 了