前段时间用到mxGraph,主要用于将一款基于Eclipse开发的产品中的算法绘制功能移动到前端,最终在FF浏览器中运行出来的效果如下图所示:
由于mxGraph中文文档较少,学习的方式主要是基于官方Demo和API的方式:
demo http://jgraph.github.io/mxgraph/javascript/index.html
API http://jgraph.github.io/mxgraph/docs/js-api/files/index-txt.html
开发之初相对困难些,需要熟读API中用到的主要类,如:mxGraph, mxStyleSheet等,入手之后,开发起来就会快速很多!
前端采用DOJO+mxGraph完成,前者用到了DOJO的Ajax,从后台拿到需要绘制的节点和连接信息;
后台关于节点和连接的信息来自于xml文件,我自己写了一段代码,主要用于XML与JSON的互转;
相关的代码我已上传:mxGraphDemo.part1.rar与mxGraphDemo.part2.rar,代码仅供学习交流,任何人未经许可不得用于商业用途。
新闻热点
疑难解答