Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 支持标记边的JS图形库_Javascript_Graph - Fatal编程技术网

Javascript 支持标记边的JS图形库

Javascript 支持标记边的JS图形库,javascript,graph,Javascript,Graph,我正在寻找一个用于javascript的图形(而不是图表)库。我只需要画少于10个节点,所以性能不是什么大问题 所需功能: 应该能够与jQuery共存/使用jQuery 有向图 自动对齐图形(我认为没有碰撞就足够了) 标记边的能力 理想情况下,它就像免费啤酒和言论自由一样免费 我找到了一份很好的工作,有很多自由裁量权。但它们似乎都不支持边缘标签 有什么提示吗?Canviz(http://code.google.com/p/canviz/)不支持边缘标签 例如,请参见dfa.gvat.我认为a

我正在寻找一个用于javascript的图形(而不是图表)库。我只需要画少于10个节点,所以性能不是什么大问题

所需功能:

  • 应该能够与jQuery共存/使用jQuery
  • 有向图
  • 自动对齐图形(我认为没有碰撞就足够了)
  • 标记边的能力
  • 理想情况下,它就像免费啤酒和言论自由一样免费
我找到了一份很好的工作,有很多自由裁量权。但它们似乎都不支持边缘标签

有什么提示吗?

Canviz(http://code.google.com/p/canviz/)不支持边缘标签


例如,请参见
dfa.gv
at.

我认为arbor.js可以完成这项工作>

它基于jQuery,自动对齐图形并生成有向图。还可以为边添加标签。请看这篇文章:

标记边的一个示例:

希望这能帮助你

for Javascript支持您所需的功能,但恐怕不是免费的

用他们的话说:

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

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

可能吧


我没有使用过它,但演示版似乎支持您的主要观点。

这里有三个开源选项,它们都支持布局有向图。有些还提供了渲染它们的工具:

  • 是一个伟大的免费图书馆,有几个源代码值得一看。它的UI还可以用来编辑和手动修改图形的布局

  • 是一个库,用于使用spring/force模型布局和渲染有向图

  • 是一个纯客户端运行的定向图布局引擎,呈现不可知


  • 这是使用JointJS和Dagre进行描述的。

    谢谢,但据我所知,这需要在服务器端进行预处理(生成一个需要graphviz的文件)。所以这并不是唯一的客户端JS。我需要动态创建图形,并且在没有graphviz的情况下生成XDOT似乎相当困难。另外,还不确定这是否会与jQuery一起运行(请参阅),我并不真正关心它以何种方式呈现。如果我可以用一些库轻松地创建一个svg,那么这就是一个解决方案。arborjs只有这种不稳定的布局,标签(以及节点)必须手动绘制……因此在这个库中对我没有真正的帮助……但无论如何,感谢您,目前arbor似乎没有维护,许多问题仍然没有解决。很遗憾,因为这是一个很好的、有清晰文档记录的小图书馆。在我(简短)的经验中,如果你所需要的只是一些类似于它的演示的东西,它将完成这项工作。我喜欢它能让你自己画画。这个看起来真的能支持我所需要的一切。唯一让我有点烦的是,它使用flash。但既然似乎没有其他选择,我就同意了。非常感谢。至少4.900美元……这对我的项目来说有点太贵了。但据我所见,这是一个功能齐全的图书馆。