topic How do I display arrows in Tools

How do I display arrows

aaikepae — Wed, 18 Feb 2015 01:51:16 GMT

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

Re: How do I display arrows

aaikepae — Wed, 18 Feb 2015 01:53:03 GMT

you can reference this demo

Link Arrow - JSFiddle

Re: How do I display arrows

aaikepae — Wed, 18 Feb 2015 01:59:08 GMT

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

Re: How do I display arrows

aaikepae — Wed, 18 Feb 2015 02:01:51 GMT

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