HTML5可互动的可视化图表js插件库

当前位置:主页 > Html5库 > SVG > HTML5可互动的可视化图表js插件库
HTML5可互动的可视化图表js插件库
分享:

    插件介绍

    JointJS是一款可以进行互动的HTML5可视化图表js插件库。它可以用来创建静态图表,并且它拥有完全交互式绘图工具和应用程序生成器。jointjs可以很容易地创建各种各样的可视化工具。

    浏览器兼容性

    浏览器兼容性
    时间:2015-04-14
    阅读:
简要教程

JointJS是一款基于HTML5可以进行互动的可视化图表js插件库。它可以用来创建静态图表,并且它拥有完全交互式绘图工具和应用程序生成器。jointjs可以很容易地创建各种各样的可视化工具。JointJS的事件驱动特性和MVC架构是它可以非常容易的集成到其它后台程序之中。JointJS的特点有:

  • 支持多种图形元素(方形、圆形、椭圆形、文本、图像和路径)
  • 支持多种知名的图表(ERD, Org chart, FSA, UML, PN, DEVS, ...)
  • 支持基于SVG或编程的方式来定制图表
  • 可以和元素及链接进行互动
  • 可以将图表元素进行链接
  • 可以自定义链接样式(链接箭头和标签)
  • 链接平滑过渡(bezier interpolation)
  • 链接点可以放置在任何地方
  • 支持图表分级
  • 支持从JSON格式序列化或反序列到JSON格式
  • 高度的事件驱动-你可以对发生在画布上的任何事件进行处理
  • 支持放大缩小
  • 支持移动触摸设备
  • 支持动画
  • 支持过滤器和渐变
  • 支持NodeJS
  • 渲染速度超快
  • MVC架构

不论你是要创建一个状态机、建模工具、语音应用程序设计、电子电路模拟器、信息系统的浏览器或编辑器,还是实现一个可视化的编程语言或建筑图的可视化交互,JointJS工具库都能够帮助你高效快速的完成。

JointJS提供了可视化的图表绘制工具Rappid。通过Rappid你可以拖动各种图表元素到画布中,快速生成你需要的图表。

在ipad上使用JointJS图表工具

在iphone5上使用JointJS图表工具

通过JointJS及其提供给的工具,我们可以非常容易的制作各种类型的图表。

JointJS图表

JointJS制作各种知名的图表

JointJS图表编辑器

BPMN图表编辑器

浏览器兼容

JointJS支持所有的现代浏览器,包括:

  • Google Chrome (including mobile)
  • Firefox
  • Safari (including mobile)
  • IE 9+
  • Opera 15+

JointJS的使用API及文档请参考官方网站:http://www.jointjs.com/