How do I display arrows

[aaikepae]

Hi,

I am a new intern with Cisco so I am little unfamiliar with how things work. I have recently been trying out the Next API for my project where we need to display interactive graphs.  However, I had some problems and I am still new to Javascript so I haven’t yet figured out how to solve them. It would be great if you can guide me briefly.

[if !supportLists]1.       [endif]How do I display arrows, i.e to create a digraph?

[if !supportLists]2.       [endif]The labels for links appear to be overlapping. How do I fix this?

[if !supportLists]3.       [endif]Are there any more tutorials that go deeper into styling and handling of node events?

I have been studying the documentation extensively but am still a little confused.

Thank You.

Girish Kumar

[aaikepae]

you can reference this demo

Link Arrow - JSFiddle

[aaikepae]

For item 2:

Maybe you can change the behavior,  when mouse over a link then display it's label.

There is also a complex way to increase the distance between links. Extend nx.graphic.Topology.Link, set property 'offsetRadix' higher

[aaikepae]

For item 3:

You can reference this three demo

1. how to extend current node

http://xq.cisco.com/next/NeXtSite/demos.html#Extend/node

2. How to create you own node

http://xq.cisco.com/next/NeXtSite/demos.html#Extend/abstract

3. How to define scene

http://xq.cisco.com/next/NeXtSite/demos.html#Scene/extend