zoukankan      html  css  js  c++  java
  • 展示组织机构的树形组件

    你可能需要这么一种图形来展现数据, 不管你有没有碰到, 反正我是碰到了.
    既然碰到了, 那就整理一下, 希望能节省各位的时间.

    示意图
    示意图


    有纯文字内容的, 也有带点进度条的, 有从左到右水平的, 也有从上到下垂直的.

    可以理解为一种展现组织结构的图形组件.
    其实也就是树的另外一种展现形式, 一般的树都是垂直展开, 而组织机构则需要水平展开.
    也可以将这种图形称之为脑图(mindmap)


    关键字
    ------------
    organization chart | org chart | horizontal tree


    搜集的组件
    ------------
    1. SpaceTree
       JavaScript InfoVis Toolkit(JIT) -- demo
       

    SpaceTree可以调整tree布局方向(上下左右)
    SpaceTree可以调整tree布局方向(上下左右)



    2. jOrgChart
       A jQuery plugin to draw tree-like structures such as OrgCharts.
       demo
       

    jOrgChart
    jOrgChart



    3. orgchart
       Organizational Charts using javascript
       

    orgchart
    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
    lib_gg_orgchart




    自己实现
    ------------
    1. Graffle
       

    Raphaeljs Graffle
    Raphaeljs Graffle



    2. Collapsible Tree
       

    D3 Collapsible Tree
    D3 Collapsible Tree
     
     
     
    原文链接:https://www.douban.com/note/301315901/
  • 相关阅读:
    内存管理实验
    浅谈RAM和ROM的各种区别
    课程总结
    IO流
    事件处理
    继承
    第四次上机作业
    第三次上机
    Java基础实训1
    Java第二次作业
  • 原文地址:https://www.cnblogs.com/sdream/p/5319974.html
Copyright © 2011-2022 走看看