mxGraph 入门教程

mxGraph 教程

呵呵， mxGraph已经不更新了、但是用它绘制层级图扑图效果还是杠杠的。
mxGraph功能强大，文档很全（难懂）。

https://github.com/jgraph/mxgraph

https://jgraph.github.io/mxgraph/docs/tutorial.html

mxGraph 包包含一个用 JavaScript 编写的客户端软件，以及一系列适用于各种语言的后端。客户端软件是一个图形组件，带有一个集成到现有 Web 界面中的可选应用程序包装器。客户端需要一个网络服务器来向客户端传送所需的文件，或者可以在没有网络服务器的情况下从本地文件系统运行。后端可以按原样使用，也可以以一种受支持的语言嵌入到现有服务器应用程序中。

入门示例

1. 创建一个HTML页面，并在其中引入mxGraph库。

<script type="text/javascript">
  mxBasePath = 'javascript/src';
</script>
<script type="text/javascript" src="javascript/src/js/mxClient.js"></script>

2. 创建一个div，用于容纳mxGraph图形。

<div id="graphContainer" style="position:relative;overflow:hidden;width:100%;height:100%;">&