Overlapping edges labels hidden

[harshaktg]

Describe the bug

When there are two edges in the graph, when two overlaps each other and both of them has labels, the edge which is last added, only that label is visible

Your Example Website or App

https://codesandbox.io/s/youthful-bash-3oqdm0?file=/src/app.tsx

Steps to Reproduce the Bug or Issue

1. Visit the sandbox, the bug is visible

Expected behavior

As a user, I need to see both the labels when the edges overlap. Or atleast have an option to control the opacity and make both visible.

Screenshots or Videos

No response

Platform

• OS: [e.g. macOS, Windows, Linux]
• Browser: [e.g. Chrome, Safari, Firefox]
• Version: [e.g. 91.1]

Additional context

No response

[x6-bot]

👋 @harshaktg

Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.

To help make it easier for us to investigate your issue, please follow the contributing guidelines.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[NewByVector]

you can set text area fill attr as transparent,like this:

graph.addEdge({
  source: rect2,
  target: rect1,
  label: "world",
  attrs: {
    rect: {
      fill: 'transparent'
    }
  }
});

[x6-bot]

This thread has been automatically locked because it has not had recent activity.

Please open a new issue for related bugs and link to relevant comments in this thread.