javascript - 如何设置 mxGraph 顶点的最小尺寸(以便工具提示适用于最小的顶点)?

标签 javascript mxgraph jgraph

我有一个 mxGraph,就其标签而言,其顶点非常小,因为它以 1、2、3 开头。这些少于 10 个顶点的默认大小对于工具提示翻转来说太小。如何设置顶点的最小尺寸,以便在最小的顶点上获得一些额外的宽度,并且在翻转时会触发工具提示?

enter image description here

最佳答案

2 个选项。

您可以使用“几何图形”设置 mxCell 的大小,或者查看“样式”。

您可以根据需要注册任意数量的自定义样式。请参阅此示例:https://jgraph.github.io/mxgraph/javascript/examples/stylesheet.html

对于顶点,伪代码如下所示:

var defaultVertexStyle = this.getDefaultVertexStyle(); // "this" is mxStyleSheet
var myCustomStyle = defaultVertexStyle.clone();
myCustomStyle["width"] = 100px; 
this.putCellStyle("myStyle", myCustomStyle);

然后您可以将“myStyle”添加到您想要的任何单元格中。您可以自定义形状、颜色等一切。

关于javascript - 如何设置 mxGraph 顶点的最小尺寸(以便工具提示适用于最小的顶点)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59564556/

相关文章:

asp.net - 如何使用 AJAXToolkit AutoComplete Extender 不提交表单?

javascript - 为什么 Vue.js 在通过 $refs 设置值后无法更新该值

javascript - 如何在 SVG 中包装文本

javascript - 将 mxCell 移动到新的绝对坐标

javascript - mxgraph:我想添加一个按钮来禁用/启用图表和工具栏

java - 如何迭代 Graph 并列出与 org.jgrapht 的所有连接

javascript - 在数据表分页中显示第一个和最后一个按钮

javascript - 在 weemo 视频通话应用程序中识别在线用户

javascript - 如何将 mxGraph 内箭头绘制为双端

javascript - 如何从工具栏拖放 mxGraph 中的自定义图像