Javascript 如何为mxGraph顶点设置长方体大小模型?
当使用Javascript 如何为mxGraph顶点设置长方体大小模型?,javascript,css,flowchart,mxgraph,Javascript,Css,Flowchart,Mxgraph,当使用mxHierarchyCallAyout和strokeWidth>1时,所有最顶部和最左侧顶点的边框将不正确显示。请参见下面的屏幕截图: 这是因为边框宽度不计入总顶点高度/宽度 是否有可能为mxGraph设置框大小模型,方法与框大小:边框框相同适用于CSS 如果否,在布局引擎放置整个图形上下文后,是否可以将其向下或向左移动?我认为边界绘制正确,但问题是最左侧和最顶部顶点的边界被隐藏,因为它们被放置在画布的“后面”,因此,一种解决方法是根据您的需要将整个图形移到底部和右侧一点。执行此操作的
mxHierarchyCallAyout
和strokeWidth>1
时,所有最顶部和最左侧顶点的边框将不正确显示。请参见下面的屏幕截图:
这是因为边框宽度不计入总顶点高度/宽度
是否有可能为mxGraph
设置框大小模型,方法与框大小:边框框相同代码>适用于CSS
如果否,在布局引擎放置整个图形上下文后,是否可以将其向下或向左移动?我认为边界绘制正确,但问题是最左侧和最顶部顶点的边界被隐藏,因为它们被放置在画布的“后面”
,因此,一种解决方法是根据您的需要将整个图形移到底部和右侧一点
。执行此操作的代码:
let layout = new mxHierarchicalLayout(graph);
layout.execute(graph.getDefaultParent());
graph.model.beginUpdate();
let children = graph.getChildCells();
graph.moveCells(children, undefined , 20); // assuming you want to "move your graph 20px to the bottom"
graph.model.endUpdate();
您可以使用相同的功能水平移动图形(从左到右),检查
moveCells
mxGraph.js的函数
mxGraph.prototype.moveCells=function(cells,dx,dy,clone,target,evt,mapping)
“如果否,在布局引擎放置整个图形上下文后,是否可以向下或向左移动”是的,关于您问题的第一个比例,此问题有解决办法,你到底想做什么?使所有顶点的大小相同,而不考虑它们的文本长度?我只希望最顶端顶点的边界绘制正确。它在分层布局后获得Y位置0,因此仅部分绘制厚边框。