你可能需要这么一种图形来展现数据, 不管你有没有碰到, 反正我是碰到了.
既然碰到了, 那就整理一下, 希望能节省各位的时间.
|
示意图
|
有纯文字内容的, 也有带点进度条的, 有从左到右水平的, 也有从上到下垂直的.
可以理解为一种展现组织结构的图形组件.
其实也就是树的另外一种展现形式, 一般的树都是垂直展开, 而组织机构则需要水平展开.
也可以将这种图形称之为脑图(mindmap)
关键字
------------
organization chart | org chart | horizontal tree
搜集的组件
------------
1. SpaceTree
JavaScript InfoVis Toolkit(JIT) -- demo
|
SpaceTree可以调整tree布局方向(上下左右)
|
2. jOrgChart
A jQuery plugin to draw tree-like structures such as OrgCharts.
demo
|
jOrgChart
|
3. orgchart
Organizational Charts using javascript
|
orgchart
|
4. lib_gg_orgchart
lib_gg_orgchart allows you to draw organizational charts in your web pages. The input is easily defined in JSON format.
demo
|
lib_gg_orgchart
|
自己实现
------------
1. Graffle
|
Raphaeljs Graffle
|
|
D3 Collapsible Tree
|
原文链接：https://www.douban.com/note/301315901/