如何创建一个多重链接&用JavaScript定向图形？ [英] How to create a multiple linked & directed graph with javascript?

问题描述

这是我的问题：对于一个学校项目，我们试图创建一个有向图并使其适合一个典型的html网站。我们发现它必须用JavaScript编写，因为Java applet不是一个选项。因此，这是应该如何看起来像：的图片。

图中显示的数据将从一些xml文件。
我们看了一下flare和其他一些软件包，但真正的东西是在图形中的节点（箭头的粗细代表重要性）之间建立双向链接。使整个事情可移动也是必需的。
任何想法？谢谢。

解决方案

$ jsPlumb - 一个不具丰富功能但易于定制的jQuery插件b
$ b

http://morrisonpitt.com/jsPlumb/html /jquery/demo.html

This is my problem: For a school project we are trying to create a directed graph and make it fit in a typical html website. We figured out it had to be written in javascript, because a java applet isn´t an option. So this is how it should look like: image.

The data visualised in the graph will be gathered from some xml files. We took a look at flare and some other packages, but real thing is making a two-way link between the nodes (where the thickness of the arrow represents importance) in our graph. Making the whole thing moveable is also required. Any ideas? Thank you.

解决方案

Have a look at jsPlumb - a not featurerich but easy customizable jQuery Plugin for directed graphs

http://morrisonpitt.com/jsPlumb/html/jquery/demo.html

这篇关于如何创建一个多重链接&用JavaScript定向图形？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！