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);    };

 

转载于:https://www.cnblogs.com/ptko/p/7048514.html