前段時間用到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的互轉;