【发布时间】:2017-10-27 22:43:58
【问题描述】:
我有一个非常庞大的网络。在我的 web 应用程序中,我希望能够选择节点和边,然后将样式更改为选定的样式表。我已经成功了,但问题是边缘总是在另一个节点后面,因为它太拥挤了。是否可以使所有选定的节点和边缘都在前景中?我知道 z-index 但它似乎无法将选定的节点和边缘设置为前景。
【问题讨论】:
标签: cytoscape.js
我有一个非常庞大的网络。在我的 web 应用程序中,我希望能够选择节点和边,然后将样式更改为选定的样式表。我已经成功了,但问题是边缘总是在另一个节点后面,因为它太拥挤了。是否可以使所有选定的节点和边缘都在前景中?我知道 z-index 但它似乎无法将选定的节点和边缘设置为前景。
【问题讨论】:
标签: cytoscape.js
查看可见性样式属性:http://js.cytoscape.org/#style/visibility
来自文档:
z-compound-depth:可以是bottom、orphan、auto(默认)或top。第一个绘制的是bottom,第二个是orphan,与复合图的根的深度相同,其次是默认的auto,它按深度顺序从复合图的根到叶子绘制。最后抽到的是top。z-index-compare:可以是auto(默认)或manual。auto设置在节点下绘制边,而manual忽略此约定并仅根据z-index值进行绘制。z-index:影响元素相对绘制顺序的整数值。一般来说,在相同深度内,z-index较高的元素将被绘制在z-index较低的元素之上。
因此,如果您通常希望边超过节点,则至少需要设置 z-index-compare: manual 和 z-index。
【讨论】: