Draw Dotted Line In Organizational Chart using Joint Js

[Dhirendra Saxena]

I have Implemented Organizational Chart Using Joint Js and it’s working very smooth, But if I want to link the two boxes with Dotted Line rather then by Smooth Line. For this requirement where I have to make the changes.

[David Durman]

Dotted lines on links can be set by using the stroke-dasharray SVG attribute on the .connection SVG <path>:

var link = new joint.dia.Link({

   ...

   attrs: {

      '.connection': { 'stroke-dasharray': '2,5' }

   }

   ...

})

Here is more info on 'stroke-dasharray' attribute: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray and here is a tutorial on link styling: http://jointjs.com/tutorial#link-styling.

ᐧ

---

David Durman

client IO

http://client.io

+31630368524

On Wed, Nov 12, 2014 at 2:23 PM, Dhirendra Saxena <dhsax...@gmail.com> wrote:

I have Implemented Organizational Chart Using Joint Js and it’s working very smooth, But if I want to link the two boxes with Dotted Line rather then by Smooth Line. For this requirement where I have to make the changes.

--

---
You received this message because you are subscribed to the Google Groups "JointJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to jointjs+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.