mxGraph定義:mxGraph是一個(gè)js繪圖組件,適用在網(wǎng)頁(yè)設(shè)計(jì)/編輯流程圖铡买、圖表、網(wǎng)絡(luò)圖和普通圖形的web應(yīng)用程序略板。
mxGraph支持:mxGraph支持拖動(dòng)和克隆細(xì)胞,重新調(diào)整和改造艇肴,連接和斷開(kāi)哄酝,拖動(dòng)和下降麦向,從外部來(lái)源瓢棒,編輯細(xì)胞中的標(biāo)簽和更多浴韭。
mxGraph.insertVertex(parent,id脯宿,value念颈,x,y连霉,width舍肠,height,style )
parent——作為組結(jié)構(gòu)中新單元的直接父級(jí)的單元
id——這是描述單元格的全局唯一標(biāo)識(shí)符窘面,它始終是一個(gè)字符串。這主要用于在外部引用持久輸出中的單元格叽躯。如果您不希望自己維護(hù)id财边,請(qǐng)將null傳遞給此參數(shù)并確保mxGraphModel.isCreateIds()返回true。這樣点骑,模型將管理ID并確保它們是唯一的酣难。
value——這是單元格的用戶對(duì)象。它將在頂點(diǎn)或邊緣上顯示為標(biāo)簽黑滴。(傳值之后憨募,該值會(huì)出現(xiàn)在所連的線上)
x——該元素左上角到瀏覽器的橫向距離
y——該元素左上角到瀏覽器的縱向距離
width——該元素的寬
height——該元素的高
v1指代第一元素,v2指代第二個(gè)元素
從第一個(gè)連線指向第二袁辈,直接是默認(rèn):graph.insertEdge(parent, null, '', v1, v2);
從第二連線指向第一個(gè):
graph.insertEdge(parent, null, '', v2, v1, 'edgeStyle=orthogonalEdgeStyle;');
注:
1.獲取方法
- //始終從選擇的mxcells返回?cái)?shù)組的第一個(gè)細(xì)胞
graph.getSelectionCell()- //獲取所有被選擇的元素
graph.getSelectionCells()- //返回所選擇所有cells的所有信息
graph.getSelectionModel()2.設(shè)置方法
//設(shè)置選中節(jié)點(diǎn)cell
graph.setSelectionCell(v1);
API
http://jgraph.github.io/mxgraph/docs/js-api/files/index-txt.html