如何设置mxGraph顶点的最小大小(因此工具提示适用于最小的顶点)?

时间:2020-01-02 13:54:46

标签: javascript mxgraph jgraph

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

enter image description here

1 个答案:

答案 0 :(得分:1)

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”添加到所需的任何单元格。您可以自定义形状,颜色和所有内容。