joyceworks / flowchart-vue

Flowchart & designer component for Vue.js.
MIT License
345 stars 75 forks source link

How can I make arrow bidirectional in connections? #28

Closed iamrsojitra closed 3 years ago

iamrsojitra commented 3 years ago

I want to make a connection in both directions which means a connection that has an arrow at both endpoints.

Can you please guide me on how can I achieve this?

iamppz commented 3 years ago

Bidirection arrow is not supported, maybe you can do it like this :P

connections: [
  {
    source: {id: 1, position: 'right'},
    destination: {id: 2, position: 'left'},
    id: 1,
    type: 'pass',
  },
  {
    source: {id: 2, position: 'left'},
    destination: {id: 1, position: 'right'},
    id: 2,
    type: 'pass',
  },
],
iamrsojitra commented 3 years ago

@iamppz Yes that I know but it creates two connections and I want a single connection with arrows at both ends.

github-actions[bot] commented 3 years ago

Stale issue message