使用JQUERY的关系的图形表示 [英] Graphical representation of relations using JQUERY

问题描述

以下是层次结构级别
A-->B, B-->C, A-->C, C-->D

Following are the hierarchy levels
A-->B, B-->C, A-->C, C-->D
Is it possible to represent the relation in graphically using JQuery?

推荐答案

没有什么可以帮助您将这种关系呈现为层次结构，因为它不是层次结构.

但是，您可以以图形方式显示任何关系(它并不太适合显示在屏幕上:-).首先，描述您要如何看待它.我认为JQuery不会对您有太大帮助.一种方法是使用纯JavaScript和SVG.

看一下这个精彩的示例，然后使用Dracula图形库来构建它: http://www.graphdracula.net/ [ ^ ].

它甚至有助于执行自动路由.尝试在渲染的图像上拖动图形节点，然后单击重新绘制"以查看其工作原理.根据此站点，您可以下载它，甚至在商业应用中也可以免费使用.

—SA

Nothing can help you to present this relationship as hierarchical because it is not hierarchical.

However, you can present any relationship graphically (it it is not too complex to fit on screen :-)). First, describe how you want to see it. I don''t think JQuery will help you much. One approach is using plain JavaScript and SVG.

Look at this wonderful sample and the Dracula Graph Library used to build it: http://www.graphdracula.net/[^].

It even helps to do automatic routing. Try to drag graph nodes on the rendered image and click "redraw" to see how it works. According to this site, you can download it and use for free even in commercial applications.

—SA

这篇关于使用JQUERY的关系的图形表示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！