mxgraph.js下载
时间: 2023-05-11 20:01:23 浏览: 277
mxgraph.js是一款功能强大的JavaScript图表库,因其易用性和可扩展性而备受欢迎,是许多企业和个人都常用的图表库之一。想要下载mxgraph.js,只需前往官方网站mxgraph.com,进入“Download”页面,选择合适的版本进行下载即可。
mxgraph.js支持多种文件格式,包括SVG、PNG、JPEG等,用户可以根据需要选择合适的格式进行下载。此外,mxgraph.js提供了完整的API文档和示例代码,方便用户进行快速学习和开发。
如果需要更多支持和定制化功能,可以考虑购买mxgraph.js的商业版,该版本提供了更加丰富的功能和技术支持,满足企业和专业开发人员的需求。
总之,mxgraph.js是一款非常实用的JavaScript图表库,下载和使用都非常简单方便,可以极大地提高开发效率和数据可视化效果。
相关问题
介绍mxgraph.mxEditor使用方法
mxGraph是一个基于JavaScript的图形库,mxEditor是mxGraph的一个子组件,提供了一个可视化的图形编辑器,可以在浏览器中创建和编辑图形。下面是mxEditor的使用方法:
1. 引入mxGraph和mxEditor的JavaScript文件:
```
<script src="mxgraph/mxClient.js"></script>
<script src="mxgraph/mxEditor.js"></script>
```
2. 创建mxEditor实例:
```
var editor = new mxEditor();
```
3. 设置mxEditor的工作区:
```
var graphContainer = document.getElementById('graphContainer');
editor.setGraphContainer(graphContainer);
```
4. 创建一个Graph对象:
```
var graph = editor.graph;
```
5. 创建节点和连接线:
```
var parent = graph.getDefaultParent();
graph.getModel().beginUpdate();
try {
var v1 = graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30);
var v2 = graph.insertVertex(parent, null, 'World!', 200, 150, 80, 30);
var e1 = graph.insertEdge(parent, null, '', v1, v2);
} finally {
graph.getModel().endUpdate();
}
```
6. 设置mxEditor的属性:
```
editor.setModified(false); // 设置是否修改过
editor.undoManager.clear(); // 清除撤销管理器
editor.graph.setCellsEditable(false); // 设置节点是否可编辑
editor.graph.setCellsMovable(false); // 设置节点是否可移动
editor.graph.setConnectable(false); // 设置是否可连接
```
以上就是mxEditor的基本使用方法,可以根据需求进行相关设置和扩展。
阅读全文