使用Cytoscape.js堆叠边

Question

我希望能够显示几个信息在一条线(边)使用颜色，与cytoscape.js。我可以在几条边上显示它，但是对于bezier曲线，这将极大地增加视觉结果的复杂性，并且直线边是重叠的，我可以找到一种方法来抵消它们……

以下是所需输出的示例，查看粉红色、黄色和深品红色线条：

​

(三种颜色划线的解决方案也适合，但似乎我也不能使用cytoscape.js。)

你知道怎么做吗？或者关于用颜色显示这些信息的另一种方式？

Answer 1

您可以使用视觉样式属性控制边端点：https://js.cytoscape.org/#style/edge-endpoints

例如，所有红色边可能具有source-endpoint: 0 -5px，所有黄色边可能具有source-endpoint: 0 5px。您将需要寻址源端和目标端的端点，并且需要适当地调整行宽以消除空格。

也可以使用具有较低控制点步长的捆绑bezier边。然而，这些边将向节点逐渐变细。

截至2019年8月，没有一组自动“糖果条纹”边缘的样式属性。