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

太过爱你忘了你带给我的痛 2022-08-07 15:50 299阅读 0赞

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

143031ficcsycfc1eioiic.jpg

查看演示 下载插件：201504141720.zip

JointJS的事件驱动特性和MVC架构是它可以非常容易的集成到其它后台程序之中。JointJS的特点有：

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

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

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

142311blsszfbaiosfy1iq.jpg

142324epp7plmsppcl5rpr.jpg

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

142344ufreuxxsuoi0eamz.jpg

142358zgd3mylkuq4373ux.jpg

142413l3vum7vm575yzpg5.jpg

14242717ria6x7izp1l2rr.jpg

浏览器兼容

JointJS支持所有的现代浏览器，包括：

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

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

发表评论

表情：
评论列表 （有 0 条评论，299人围观）

还没有评论，来说两句吧...

相关阅读

    相关 7.1 可视化图表 (5%)

    反映子级和父级之间展开的构成关系——关系图 （属于描述）状态不同的序列：基于某个事项递进状态关系的序列——漏斗图。时间的序列：随着时间，可用 折线图、面积图、柱状图。指...

    骑猪看日落骑猪看日落/ 0 赞/ 186 阅读

    相关 可视化库 D3.js

    D3 是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格

    电玩女神电玩女神/ 0 赞/ 322 阅读