javascript绘制静态或者动态的图表、关系表、流程图-JointJS

JointJS现代HTML 5是一个JavaScript库与图表和图形可视化和交互。它可以被用来创建静态图,或者更重要的是,完全交互式绘图工具和应用程序构建器。JointJS可用来方便地创建各种可视化工具。

的事件驱动的自然结合MVC架构JointJS便于插件任何后端技术

特性：

1、基本图元素(矩形、圆、椭圆、文本、图像、路径)

2、现成的图元素的著名图(ERD、组织结构图、FSA、UML、PN,开发者,…)

3、自定义图表元素基于SVG或编程方式呈现

4、交互元素和链接

5、连接图元素和链接

6、可定制的链接,他们的箭头和标签

7、链接平滑(贝塞尔曲线插值) 磁铁(链接连接分)基本上可以放在任何地方

8、序列化/反序列化/ JSON格式

9、高度事件驱动的——你可以在任何情况下反应发生在纸上，放大/缩小，触摸支持，动画，过滤器和梯度

10、Nodejs支持

11、MVC体系结构

效果1

效果3

时间： 2024-10-17 01:25:37

javascript绘制静态或者动态的图表、关系表、流程图-JointJS的相关文章

定时动态更新图表

在进行实现动态更新图表时主要使用AJAX技术,主要分两种实现方法,一种是通过ASP.NET特有的AJAX控件,UpdatePanel.Timer控件+ASP.NET自带的Chart控件实现:另一种为使用第三方的图表库+JQUERY\AJAX实现. ASP.NET控件实现实现: 前台将要定时刷新的内容放到updatePanel中即可,前台代码如下: <form id="form1" runat="server"> <asp:ScriptManage

使用nginx+tomcat实现静态和动态页面的分离

博主最近在优化一个javaweb项目,该项目之前一直都是使用tomcat处理用户请求的,无论静态还是动态的东西,一律交给tomcat处理.tomcat主要是负责处理servlet的,静态的文件还是交给nginx处理,nginx对静态文件的处理比tomcat不是只快了一点,并且Nginx的使用对项目并发能力有很大的提升.下面主要记录下主要的配置过程: 实验环境:windows 实验工具:Nginx.tomcat windows下安装Nginx非常简单,去官网下载压缩包解压后并且双击解压目录下的ng

【SSH系列】静态代理&&动态代理

从设计模式说起代理模式是二十三中设计模式中的一种,代理模式就是指由一个代理主题来操作真实的主题,真实的主题执行具体的业务操作,而代理主题负责其她相关业务,简而言之,代理模式可以由以下三个部分组成: a.抽象角色:通过接口或抽象类声明真实角色实现的业务方法. b.代理角色:实现抽象角色,是真实角色的代理,通过真实角色的业务逻辑方法来实现抽象方法,并可以附加自己的操作. c.真实角色:实现抽象角色,定义真实角色所要实现的业务逻辑,供代理角色调用.第一次接触代理模式的是在学习大话设计模式的时候,首先

静态，动态，伪静态和SEO

文章来源:http://www.hongtaoseo.com/experience/1564.html 如何从SEO角度去设计网站URL:http://www.hongtaoseo.com/experience/604.html 静态.动态.伪静态的URL结构到底哪种更利于SEO 如果对SEO有了解的朋友都应该比较清楚,常见的URL表现形式有静态.动态.伪静态三种.如果是严格分类来说,伪静态也是动态的一种,只是表现形式为静态URL结构. 基本我们对一个网站进行系统的SEO操作,都会去分析一个网站

什么是动态语言和静态语言？静态语言动态语言的区别

定义通常我们所说的动态语言.静态语言指动态类型语言(Dynamically Typed Language)和静态类型语言Statically Typed Language).还有一个 Dynamic Programming Language (动态编程语言),静态编程语言. 动态类型语言:在运行期间检查数据的类型的语言.用这类语言编程,不会给变量指定类型,而是在附值时得到数据类型.如:Python和ruby就是典型动态类型语言.很多脚本语言vbscrīpt,javascrīpt也是这类语

用JAVASCRIPT实现静态对象、静态方法和静态属性

Javascript语言的面向对象特征很弱,其他面向对象语言在创建类时只要使用关键字static即可指定类为静态类,Javascript没有提供static这样的关键字,要让Javascript也具有"静态"特性只有靠一些"奇技淫巧"了. 代码中列举了两种静态方法/属性的实现方式,一种是静态类的静态方法和属性,另一种是非静态类的静态方法和属性,代码说明都写在每行的代码注释里,这里就不重复了. /************************************

Delphi编写DLL(以及静态和动态方式调用)

Delphi编写DLL(以及静态和动态方式调用) 作者/cadenza7 什么是DLL? DLL是Dynamic Link Library(动态链接库)的缩写形式.DLL 是一个包含可由多个程序同时使用的代码和数据的库,DLL不是可执行文件,动态链接提供了一种方法,使进程可以调用不属于其可执行代码的函数,函数的可执行代码位于一个 DLL 中,该 DLL 包含一个或多个已被编译.链接并与使用它们的进程分开存储的函数.DLL 还有助于共享数据和资源,多个应用程序可同时访问内存中单个DLL 副本的内容

关于静态与动态编译arm平台程序的比较

由于最近弄个console程序,调用了readline,ncurses库,这两个动态库加起来有四百多k,而程序其实很小,其他地方也没使用到这两个库所以想静态编译看看console程序有多大. #arm-linux-gcc cli.c -o console libreadline.a libncurses.a #ls -l total 1932 -rwxrwxr-x 1 root root 8427 Jul 7 15:19 cli -rw-r--r-- 1 root root 664

JavaScript高级程序设计之动态脚本及动态样式

1.动态加载脚本(src 原理,异步,支持跨域) var loadScript = function (url, callback) { var script = document.createElement("script"); script.src = url; document.getElementsByTagName("head")[0].appendChild(script); if (script.addEventListener) { // for w