Javascript图形可视化库

时间:2011-09-16 14:35:32

标签: javascript graph visualization

  

可能重复:
  Graph visualization code in javascript?

我必须创建一个Web应用程序来显示图形(通过边连接的节点)。 我希望能够控制边缘的颜色以及它们的标签(最好在鼠标悬停时显示它们。)

我还想将一些信息附加到节点上,以便在鼠标悬停时显示。

6 个答案:

答案 0 :(得分:6)

听起来像是在找http://arborjs.org/之类的东西?

答案 1 :(得分:4)

d3(数据驱动文档)是一个用于创建可视化的库,它已经获得了关注。

http://mbostock.github.com/d3/

它有点像JQuery,而不是专注于为您提供随时可用的图表“小部件”,它使创建任何可视化变得更加容易。也就是说,它可以很容易地创建各种图表和可视化,并且有很多示例,大多数代码很少。

答案 2 :(得分:3)

我建议gRaphael

它与IE6兼容,它能够轻松创建令人惊叹的图形并支持各种悬停效果。

Dracula也有一些不错的功能。检查this example,您可以连接节点,添加标签并具有悬停效果。

答案 3 :(得分:1)

如果您正在创建新的Web应用程序,并且需要快速启动并运行,我建议您查看ADF DVT。它有很多可视化。但是,它会从您那里抽象出JavaScript,您需要学习ADF Rich客户端框架。

EDIT 它也是line graphs

答案 4 :(得分:0)

我总是使用flot - 它可以满足您的所有要求。有很多examples有记录的js - 这些也可以在download中找到。

答案 5 :(得分:0)

在商业场景中,yFiles for HTML库似乎是完成该任务的完美匹配。

有超过一百个不错的在线演示(需要支持HTML5的浏览器),它们展示了使用该库可以完成的任务:yFiles for HTML Demos

免责声明:我为生产该图书馆的公司工作,但我并不代表我的雇主。