用于在 HTML5 中绘制图形（不是图表，而是 DAG）的 JSF答案

【问题标题】：JSF for drawing graphs (not a chart, but a DAG) in HTML5用于在 HTML5 中绘制图形（不是图表，而是 DAG）的 JSF
【发布时间】：2012-05-16 14:50:26
【问题描述】：

我想画一些节点（可能被小缩略图代替）并用线连接它们。我还想在每个节点上写一些东西并使节点可点击。然后单击将引导我进入包含其他信息的新页面。

我的技术设置为 Java 网络服务器。业务逻辑完全来自 JPA，所以我认为使用 JSF 是正确的方法。

这可以用 HTML5 画布和一些不错的新 JSF 组件来完成吗？我愿意接受任何建议，但它应该看起来很漂亮。

拖放节点作为未来的扩展会很酷，但现在并不那么重要。

有什么建议吗？

【问题讨论】：

我也在寻找类似的东西，但我没有找到 JSF 的任何东西，只有 jQuery 插件。这里有两个最好的：cytoscape.github.com/cytoscapeweb 和 jsplumb.org/jquery/stateMachineDemo.html
@StepTNT 谢谢，这两个东西看起来很不错，我得玩一会儿看看它们是否适合我的目的。
不客气！我认为这 2 个插件是您找不到的最好的插件，并且将它们与 JSF 一起使用一定不会那么难 :) 让我知道您在做什么，因为我也需要对它们做一些事情！

【解决方案1】：

我们为图形可视化创建了一个 Primefaces JSF 组件。使用 CytoscapeWeb（flash 版本）完成渲染。

我们可能会为新的 CytoscapeWeb 库（HTML5 和 JQuery）创建适配器

为学习 Primefaces 组件开发创建了组件，它需要一些改进，但我希望它对你有所帮助。

演示和下载链接可从Primefaces Forum获得

2012/11/12：最后，我们为 CytoscapeWeb 2 库（HTML5 和 JQuery）创建了新的适配器，并提供了一个名为 Graphvis2 的新版本。

在线演示：

【讨论】：

【解决方案2】：

我非常喜欢 primefaces http://www.primefaces.org/showcase/ui/lineChart.jsf 的图表。而且它们真的很容易使用。

【讨论】：