JS中常用的几种组织架构图的优点

jOrgChart

https://github.com/wesnolte/jOrgChart

给定一个嵌套无序列表元素，容易使用。

其中的拖放功能允许重新排序树和底层的<ul>结构。

通过点击相应的节点来显示/隐藏树的特定分支。

节点可以包含除<li>和<ul>之外的任何数量的HTML。

风格简单。

子树折叠，对于大型组织架构有用。

OrgChart

https://github.com/dabeng/OrgChart

支持本地数据和远程数据（JSON）。

基于CSS3过渡的平滑展开/折叠效果。

将图表对齐到4个方向。

允许用户通过拖放节点更改组织结构。

允许用户动态编辑组织图并将最终层次结构保存为JSON对象。

支持将图表导出为图片。

支持平移和缩放。

用户可以采用多种解决方案构建庞大的组织图（请参考多层或混合布局部分）。

触摸启用插件的移动divice。

jquery-orgchart

https://github.com/caprica/jquery-orgchart

HTML标记，包括可点击的超链接;

源列表中的所有属性都会被编入相应的图表节点（例如，您可以使用自己的“数据”属性注释节点）;

可选地向每个图表节点添加“附件”节点（例如，用于“助手到类型”关系）;

用于将图表限制为所需级别数量，并在单个堆栈中显示剩余级别的选项;

从源列表（默认都启用）复制CSS样式，类，HTML数据属性和标题属性（对工具提示或外部工具提示插件有用）的选项;

可选的回调来处理点击的图表节点;

通过覆盖少量的CSS样式规则，容易改变图表的外观;

GetOrgChart

http://www.getorgchart.com/

允许开发人员创建复杂的树结构。

与服务器端组件一起使用时，开发人员还可以使用特制界面和编辑图表。

默认情况下，GetOrgChart包含各种皮肤和调色板，但开发人员也可以创建主题。

如果GetOrgChart图表变得过大，内置的搜索字段允许用户搜索项目。

如果GetOrgChart图表变得过大，用户可以使用表格模式查看原始数据，而不需要视觉层次结构。

D3.js

https://d3js.org/

D3允许您将任意数据绑定到文档对象模型（DOM）。

提供了非凡的灵活性。

D3运算速率极快，支持大量数据和动态行为进行交互的动画。

类似绘制svg的jQuery。

JS中常用的几种组织架构图的优点相关推荐

【温故知新】——原生js中常用的四种循环方式
一.引言本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 在网页中弹出框输入0 网页输出"欢迎下次光临" 在网页中弹出框输入1 网页输 ...
JS中常用的几种设计模式
js常见的几种设计模式单例模式: 组合模式观察者模式(发布订阅模式) 策略模式模块模式代理模式外观模式单例模式: 概念: 单例模式定义了一个对象的创建过程,此对象只有一个单独的实例,并提供 ...
js学习总结----js中常用的四种输出方式
1.alert('内容') 在浏览器中弹出框显示我们的内容不输入内容弹出undefined (注意alert弹出的都是字符串) 2.document.write('内容') 在页面中输出显 ...
html组织架构插件,jQuery组织架构图插件okrTree.js
插件描述:jQuery组织架构图支持拖拽节点,支持插入标记节点,分支节点更新时间:2021-03-02 23:52:07 更新说明: 1. 修改默认主题, 2. 添加自定义主题接口var s = $ ...
前端开发：JS中常用数据类型的转换以及使用场景集锦
前言在前端开发中,关于数据转换也是使用频率非常高的知识点,尤其是常见数据类型之间的相互转换的使用频率就更高了,那么本篇博文就来分享一下关于JS中常用数据类型的转换使用,分享一下,方便后期查阅使用. ...
Vue中常用的8种v指令
Vue中常用的8种v指令根据官网的介绍,指令是带有 v- 前缀的特殊属性.通过指令来操作DOM元素指令功能 v-text="变量/表达式" 文本的设置字符串变量+数字可以 ...
总结JS中常用的数组的方法大全
总结JS中常用的数组方法 JS中常用的数组方法总结数组(Array)是一种复杂的数据类型,它属于Object(对象)类型,用来将一组数组合在一起,通过一个变量就可以访问一组数据.在使用数组时,经常会 ...
js中常用的对象—String的属性和方法
今天说一下,js中常用的内置对象--String对象它有以下几个常用的属性: length prototype 有以下几个常用的方法: parseInt()转换为数字 parseFloat()转换为 ...
js中继承的几种用法总结(apply,call,prototype)
本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下,希望对大家有所帮助一,js中对象继承 js中有三种继承方式 1.js原型(proto ...

JS中常用的几种组织架构图的优点

jOrgChart

https://github.com/wesnolte/jOrgChart

OrgChart

https://github.com/dabeng/OrgChart

jquery-orgchart

https://github.com/caprica/jquery-orgchart

GetOrgChart

http://www.getorgchart.com/

D3.js

https://d3js.org/

JS中常用的几种组织架构图的优点相关推荐

最新文章

热门文章