mxgraph一些常用方法

// 無效
graph.setEnabled(false);

// 連接
graph.setConnectable(true);

// 提示信息
graph.setTooltips(true);

// 右鍵移動容器坐標軸
graph.setPanning(true);

// 容器大小自適應
graph.setResizeContainer(true);

// 鼠標框選
new mxRubberband(graph);

// 動態改變樣式
graph.getView().updateStyle = true;

// 重復連接
graph.setMultigraph(false);

// Label 將顯示 Html 格式的 Value
graph.setHtmlLabels(true);

// 禁用瀏覽器默認的右鍵菜單欄
mxEvent.disableContextMenu(container);

// 允許移動 Vertex 的 Label
graph.setVertexLabelsMovable(true);

// 禁止改變元素大小
graph.setCellsResizable(false);

// 允許連線的目標和源是同一元素
graph.setAllowLoops(true);
 
------節點樣式設置
1、如何設節點顏色？
通過屬性fillColor（填充色）、gradientColor（漸變色），設為一樣的顏色就是節點顏色了。
2、如何設置透明顏色？
在配置文件中none可設為默認顏色，transparent可設透明顏色
3、節點不可改變大小
0否，1是
4、節點與連線緊密連接，無空隙


5、節點顏色漸變方向？

6、如果不用配置文件？
你可以通過cell.setStyle("XXXX") 來實現樣式的動態設置。
XXX形如："樣式屬性=屬性值;樣式屬性2=屬性值2；"，可通過mxGraph官方doc搜索mxConstants來查找你需要的屬性。
若設定選中節點的樣式，還可通過graph.setCellStyles(mxConstants.屬性,mxConstants.屬性值);來設定該節點的樣式。如：graph.setCellStyles(mxConstants.STYLE_GRADIENT_DIRECTION,mxConstants.DIRECTION_NORTH);

 

graph.setConnectable(true); // 是否允許Cells通過其中部的連接點新建連接,false則通過連接線連接    
graph.setDropEnabled(true); // 從工具欄拖動到目標細胞時細胞邊界是否產生光圈    
graph.setTooltips(true); // 是否顯示提示,默認顯示Cell的名稱   
graph.setEnabled(false);//設置啟用,就是允不允許你改變CELL的形狀內容。    
graph.setPanning(true);//移動鏡頭     
graph.setCellsResizable(false);//節點不可改變大小   
graph.connectionHandler.setCreateTarget(true);//是否創建目標  
mxGraphHandler.prototype.setMoveEnabled(false);//是否可以移動  
mxGraphHandler.prototype.guidesEnabled = true;//顯示細胞位置標尺  /*禁用節點雙擊，防止改變數據 */  
graph.dblClick = function (evt, cell) {           var model = graph.getModel();           if (model.isVertex(cell)) {                   return false;           }  };  //重寫方法不允許那條線(edge)可以編輯    
graph.isCellEditable = function(cell)  {    return !this.getModel().isEdge(cell)&&!this.getModel().isVertex(cell);    };