mxGraph是什么

mxGraph是一个JavaScript图表库，可以快速创建交互式图形和图表应用程序，这些应用程序可以在其供应商支持的任何主流浏览器中本地运行。

mxGraph是用JS编写,通过SVG和HTML进行绘图的渲染,没有依赖其他项目.

mxGraph在2005年创建，作为商业项目一直持续到2016年，2016年创建者以Apache 2.0开源协议在GitHub上公布源码。

但到现在还有维护更新,流行的免费绘图平台draw.io是基于mxGraph开发.

mxGraph支持目前所有主流的浏览器: (IE11, Chrome 43+,Firefox 45+,Safari 10, Edge 31+)

⚠️mxGraph提供图形关系视图绘制接口,业务场景中的功能需要自己调用接口实现.

draw.io是个图形绘制平台,提供了一套完整的图形绘制功能.

mxGraph可以做什么

mxGraph可用于绘制: 过程图、工作流和BPM的可视化图表、流程图、交通或水流量、 数据库和WWW的可视化、网络和电信显示、映射应用和地理信息系统、UML图、电子线路、金融、 超大规模集成电路和社会网络、数据挖掘、生化、生态循环、实体和因果关系和组织图表。

总结一句话:适用于图形可视化、图形交互、图形布局、图形分析. 条形图、饼图、甘特图不适用于mxGraph.

BPM流程图👆

绘图编辑器👆

数据库结构编辑器👆

mxGraph特点

优点

  • 提供丰富的api,满足业务场景.
  • 提供了图形应用中常用到的功能.(导航器、智能布局、鼠标右键定制).
  • 功能强大稳定,兼容性好. draw.io绘图应用基于mxGraph开发.
  • 官方提供了90个DEMO例子供参考学习.
  • 完全开源,Apache 2.0开源协议.没有商用风险.

缺点

  • 接口文档不够友好,上手有一定的难度.(目前没有官方的中文文档)

mxGraph和Theia对比

Theia Web端的IDE平台,用来方便程序员快速开发自己的程序.不限制程序员适用的语言和工具库.

mxGraph 图形关系开发工具. 提供稳定和丰富的接口帮助程序员根据业务场景开发图形关系应用.限定开发语言为JavaScript.