如何使用cytoscape.js制作正交边缘(How to make orthogonal edges with cytoscape.js)

如何使用cytoscape.js制作正交边缘(How to make orthogonal edges with cytoscape.js)

我有一个使用cytoscape.js的基本示例，如下所示：

注意所有边缘如何从节点的中心开始和结束。 我想制作正交边，它从源节点的中心点开始，到目标节点的中左点结束。 像这样的东西：

我只做了几个样本边缘，但你明白了。 作为奖励，如果线条也有圆角会很好。 即使我没有制作站点地图，我在网上找到的这个例子也是我想要实现的另一个很好的例子：

I have a basic example working with cytoscape.js, which looks like this:

Notice how all the edges start and end from the center of the nodes. I'd like to make orthogonal edges which start from the center-right point of the source node and end at the center-left point of the target node. Something like this:

I've only made a couple sample edges but you get the idea. As a bonus, it would be nice if the lines also had rounded corners. Even though I'm not making a sitemap, this example I found on the web is another good example of what I'm trying to achieve:

最满意答案

请参阅Github问题以跟踪此功能请求： https ： //github.com/cytoscape/cytoscape.js/issues/359

Please refer to the Github issue to track this feature request: https://github.com/cytoscape/cytoscape.js/issues/359