在边缘顶部的cytoscape.js箭头

时间:2018-06-05 07:34:22

标签: css cytoscape.js

我正在使用Cytoscape.js来显示图表,我有一个非常具体的问题。

我的条件如下:

  • 我可以在2个节点之间有多条边
  • 我的边缘可以是3种颜色,红色>黄色>绿色
  • 由于用户的需求,我无法使用“贝塞尔”风格

我已经能够显示此图表,但是我的用户希望通过以下想法改进它:     “当有几个边缘位于其他边缘时,我们希望看到两个方向的箭头高于边缘的线条”(我正在尝试从法语翻译这个。)

I have this

I need this

无论如何我可以在不使用CSS“opacity”属性的情况下执行此操作吗? (这很难看)

注意:三角形是边缘的一部分,因此与箭头相关的所有CSS都在边缘(线+箭头)选择器内。

edge[color="yellow"] {
  line-color: #FFE400;
  mid-target-arrow-color: #b5a100;
}

0 个答案:

没有答案