0

I have a flow chart which is based on Raphael js. it is same as that of http://raphaeljs.com/graffle.html. however since i have many rectangular Raphael boxes and my line path is of straight line and NOT curvy as shown in the above example. In this straight line type, these lines overlap sometime and so it is hard to tell which one is connecting which boxes.

Please let me know if i can achieve this and how.

Update :Attaching my current flow diagram jpeg. as you can see that connector lines are crossing over the Raphael shapes and also it is very hard to tell from where lines are starting. enter image description here

JDev
  • 347
  • 1
  • 4
  • 19
  • 1
    Can you share some code, its difficult to know how to offer advice without it. – Neil Feb 06 '13 at 12:45
  • JDev -- in your implementation, do you want to support multi-segment linear connectors (i.e., L-shaped) or simple linear fragments? An example of what you have so far would be very helpful. – Kevin Nielsen Feb 06 '13 at 22:49
  • thanks for the responses. Since i don't know much how to work on JS Fiddle, i prepared one Fiddle, which is not 100% working(i.e line connector are not working in this, so commented it at the end). I want L-shaped connector and not the curvy(C type path). i don't want that connector ran over the shapes and user should know the flow clearly. In my Fiddle example, i want to connect first shape to connect to other shapes. Fiddle is here. http://jsfiddle.net/E7nm4/16/. i would really appreciate your help. – JDev Feb 07 '13 at 00:09
  • Could someone please give direction how to achieve this? – JDev Feb 13 '13 at 18:36
  • How about looping through all your boxes and calling .toFront() to move them in front of the paths. – Neil Feb 26 '13 at 17:24
  • Neil: still in that case also, it would be hard to tell which line is originating from which boxes. – JDev Feb 27 '13 at 05:43
  • is it possible to achieve this? – JDev Mar 19 '13 at 20:55
  • Have you solved the issue? – Adam Łepkowski Mar 17 '16 at 18:28

0 Answers0