Cytoscape.js-更改父节点的大小

Question

我正在使用cytoscape.js可视化Neo4j的图形数据。我最感兴趣的关系之一是父子关系，cytoscape.js在很大程度上使可视化变得轻而易举。

[但是，当父节点仅包含一个孩子时，该子节点位于父节点的标签上，因此如果不选择它并在页面的其他位置写出标签，就无法读取。

Example of child node obscuring view of parent node

是否有任何方法可以解决此问题-例如，可以通过某种方式更改父母的最小身高？

EDIT：找到了'node text-align：top'，它将文本放在节点的外部和顶部，从而解决了查看标签的问题。仍然对是否可以更改尺寸感兴趣。

Answer 1

docs中有一整节内容涉及节点主体以及如何进行更改。特别是关于padding的小节在这里应该引起人们的兴趣。如果确实需要，可以将min-width和min-height设置为节点或父节点，但最好还是坚持标签对齐方式（如您已经弄清楚的那样）。

[以供​​将来参考，请参阅文档摘录：

填充：

填充定义了节点尺寸的加法。例如，填充会增加节点的外部（即总宽度）宽度和高度。这可用于在width标签周围添加间距：高度：标签；节点，也可以用于在复合节点的父节点及其子节点之间增加间距。

• padding：节点四周的填充量。可以指定百分比或像素值。例如，50％和50px都是可接受的值。默认情况下，填充百分比以节点宽度的百分比计算。
• padding-relative-to：确定当且仅当使用百分比单位时，如何计算填充。接受以下指定的关键字之一。
• width：以节点宽度的百分比计算填充。
• height：以节点高度的百分比计算填充。
• average：将填充计算为节点宽度和高度的平均值的百分比。
• min：以节点宽度和高度的最小值的百分比计算填充。
• max：将填充计算为节点宽度和高度的最大值的百分比。

复合父级尺寸：

• compound-sizing-wrt-labels：在调整复合节点的大小时是否包括后代的标签；可能包括或排除。
• min-width：指定复合父节点的节点主体的最小（内部）宽度（例如400px）。如果最小宽度偏差的总和不等于100％，则将偏差归一化为总计100％。
• min-width-bias-left：将复合节点的最小宽度放大时，此值指定放置在节点左侧的额外宽度的百分比（例如50％）。 >
• min-width-bias-right
：将复合节点的最小宽度扩大时，此值指定放置在该节点右侧的额外宽度的百分比（例如50％）。 >
• min-height：指定复合父节点的节点主体的最小（内部）高度（例如400像素）。如果最小高度的偏差不总计为100％，则将偏差归一化为总计100％。
• min-height-bias-top：将复合节点的最小高度放大时，此值指定放置在节点顶部的额外宽度的百分比（例如50％）。 >
• min-height-bias-bottom
：将复合节点的最小高度放大时，此值指定放置在节点底侧的额外宽度的百分比（例如50％）。 >