JS Graph库支持带标签的边

Question

我正在为javascript寻找图形（而不是图表）库。我只需要绘制少于10个节点，因此性能不是一个大问题。

需要的功能：

• 应该能够与/ jQuery共存
• 有向图
• 自动对齐图表（我认为没有碰撞就足够了）
• 标记边缘的能力
• 理想情况下它是免费的免费啤酒和言论自由

我找到了一个包含很多库的好thread here。但它们似乎都不支持边缘标签。

任何提示？

Answer 1

我认为arbor.js可以完成这项工作＆gt; http://arborjs.org/

它基于jQuery，自动对齐图形并制作有向图。您还可以标记边缘。看看这篇文章：

  

Add label to edges in arbor.js (Query plugin)

标记边的一个例子：

  

http://arborjs.org/halfviz/#/the-abominable-snowman

希望这可以帮到你！

Answer 2

JGraph for Javascript支持您所需的功能，但我担心它不是免费的。

用他们的话说：

  

mxGraph是唯一完全客户端的JavaScript图形可视化   和布局解决方案

它还有一个很好的基于StackExchange的forum用于支持。

Answer 3

也许this？

我没有使用它，但是演示看起来支持你的要点。

Answer 4

以下是三个开源选项，均支持布置有向图。有些人也有工具来渲染它们：

1. JointJS是一个很棒的免费图书馆，有几个demos来源，值得一看。它的UI也可用于编辑和手动修改图形的布局。

2. Springy是一个使用弹簧/力模型布置和渲染有向图的库。

3. Dagre是一个有向图的布局引擎，它纯粹在客户端运行，并且呈现不可知。

此blog post使用JointJS和Dagre串联描述。

Answer 5

Canviz（http://code.google.com/p/canviz/）确实支持边缘标记。

例如，请参阅http://www.ryandesign.com/canviz/上的dfa.gv。