如何使用 javascript 绘制图表？
我是 JavaScript 世界的新手，我还没有找到一个好的框架来用 JavaScript 绘制图表。这是一个学校项目，所以我没有多少时间来开发，但我愿意学习很多东西呵呵。基本上我想做的是制作一个简单的工作流程网络编辑器； （你可以在下面看到我的模型）我想做这样的东西 http://www.diagram.ly/< /a>，显然，没那么复杂。
我在整个界面中使用 primefaces，但我不知道如何在画布中绘制东西，我认为 JQuery 可以，甚至 Mootools，但我只是不确定，你知道有什么好的 JavaScript 框架来绘制图表（基本图形和连接器就可以了）？
我做了一些研究，发现了这个：ui.ajax.org/#demos/elements.flowchart，你认为我可以让它与 JSF 一起工作吗？
I'm new in the world of JavaScript and I haven’t found a good framework to draw diagrams in JavaScript. This is for a school project, so I have little time to develop, but I’m willing to learn a lot hehehe. Basically what I want to do is make a simple workflow web editor; (you can see my mockup below) and I want to make something like this http://www.diagram.ly/, obviously, not so complex.
I'm using primefaces for the overall interface, but I have no idea how draw things in a canvas, I thought JQuery will do, even Mootools, but I'm just not sure, do you know any good JavaScript framework to draw diagrams (basic figures and connectors will do)?
I have done a little research, and found this: ui.ajax.org/#demos/elements.flowchart, do you think I can get it to work with JSF?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
我建议您看一下 Raphael
我没有经常使用它，但它看起来非常强大并且有文档还不错。将事件处理程序附加到绘制的对象非常容易，这听起来像是您需要做很多事情。
I would recommend taking a look at Raphael
I haven't used it a whole lot, but it looks pretty capable and the documentation isn't bad. It is pretty easy to attach event handlers to the drawn objects, which sounds like something you will need to do a lot of.
您可能想了解 HTML5 画布，它有一些很酷的功能，您可以利用它们来绘制东西。
You might want to read about the HTML5 canvass, it has some cool features that you can exploit to draw stuff.
Flowchart.js 库可以帮助制作一些基本的流程图。
第一个片段将定义流程图中的六个项目，包括开始和结束圆圈。
第二个片段定义了项目之间的连接。
The Flowchart.js library can help make some basic flow chart diagrams.
This first snippet will define the six items in the flowchart, including the starting and ending circles.
This second snippet defines the connections between items.
您可能想查看processing.js： http://processingjs.org/
You might want to look at processing.js: http://processingjs.org/
使用 graphiti 它提供了你想要的
use graphiti which provides exact what you want