如何使用javascript绘制图表？

Question

我是JavaScript世界的新手，我还没有找到一个用JavaScript绘制图表的好框架。这是一个学校项目，所以我没有多少时间来发展，但我愿意学到很多呵呵。基本上我想做的是制作一个简单的工作流网页编辑器; （你可以在下面看到我的模型）并且我想制作类似这样的东西http://www.diagram.ly/，显然，不是那么复杂。

我正在使用primefaces作为整体界面，但我不知道如何在画布中画画，我认为JQuery会做，甚至Mootools，但我只是不确定，你知道任何好的JavaScript框架吗？绘制图表（基本数字和连接器都可以）？

我做了一些研究，发现了这个：ui.ajax.org/#demos/elements.flowchart，你认为我可以让它与JSF合作吗？

Answer 1

我建议您查看Raphael

我没有经常使用它，但它看起来非常强大，文档也不错。将事件处理程序附加到绘制的对象非常容易，这听起来像你需要做很多事情。

Answer 2

您可能想了解HTML5游戏，它有一些很酷的功能，您可以利用它们来绘制内容。

Answer 3

Flowchart.js库可以帮助制作一些基本的流程图。

此第一个代码段将定义流程图中的六个项目，包括起始和结束圆圈。

st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...

第二个片段定义了项目之间的联系。

st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1

Answer 4

您可能需要查看processing.js：http://processingjs.org/

Answer 5

使用graphiti提供您想要的确切内容