mxGraph進階(三)Web繪圖——mxGraph項目實戰(精華篇)

Web繪圖——mxGraph項目實戰(精華篇)

聲明

本文部分內容所屬論文現已發表，請慎重對待。

需求

由于小論文實驗需求，需要實現根據用戶日志提取出行為序列，然后根據行為序列生成有向圖的形式，并且連接相鄰動作的弧上標有執行此次相鄰動作的頻次，每個動作另附有一個數據集，這樣有向圖加數據集就構成了用戶交互圖。為此，自己想到了mxGraph，遂決定學習之。

起步

此次項目實戰是受閱讀參考文獻[1]啟發，并在其圖形布局實例基礎上進行。其原始界面如圖1所示，自己要實現的界面布局與之頗有幾分神似。只是該布局界面不支持節點與邊的定制，為此需要結合經典的“Hello world”實例,其原始界面布局如圖2所示。

圖1 graphlayout實例

圖2 Hello World!實例

由于自己是零基礎開始學習這一Web繪圖框架，首先是閱讀其源碼。有關mxgraph的啟動加載原理及其元素了解，請閱讀《mxgraph的初步介紹與開發入門》、《mxGraph教程-開發入門指南》兩篇博文。

實例1源碼閱讀

<fieldset id="0akqe"></fieldset>