Question

哪个JavaScript库（免费或商业）可以构建计算机网络图或电气图。此外，它支持图表中不同项目之间的动画。

感谢。

Answer 1

答案绝对是JointJS

Answer 2

尝试使用免费在线应用程序绘制图表draw.io。它使用mxGraph库来绘制图表。

免责声明：

我是与JGraph相关的软件开发人员。

Answer 3

查看这三个库并查看它们是否可以帮助您：

<强> Raphael

Raphaël是一个小型JavaScript库这应该简化你的工作矢量图形在网络上。如果你想要创建自己的特定图表或图像裁剪和旋转小部件，用于例如，你可以简单地实现它很容易用这个库。拉斐尔 ['ræfeɪəl]使用SVG W3C 推荐和VML作为基础创建图形。这意味着每一个您创建的图形对象也是一个 DOM对象，所以你可以附加 JavaScript事件处理程序或修改他们以后。 Raphaël的目标是提供一个适配器绘图矢量艺术兼容跨浏览器，轻松。

<强> Protovis

Protovis编写自定义数据视图用简单的标记，如条形和点。与低级图形不同图书馆很快变得单调乏味对于可视化，Protovis定义通过动态属性标记编码数据，允许继承，缩放和布局以简化施工。 Protovis是免费的开源，由BSD提供执照。它使用JavaScript和SVG 用于Web原生可视化;没有需要插件（虽然你需要一个现代的网络浏览器）！虽然编程经验很有帮助， Protovis主要是声明性的旨在通过实例学习。

<强> Processingjs

Processing.js是姐妹项目   流行的Processing visual   编程语言，专为   网页。 Processing.js可以生成您的数据   可视化，数字艺术，   互动动画，教育   图形，视频游戏等工作使用   网络标准，没有任何   插件。你用代码编写代码   处理语言，包含在中   您的网页和Processing.js   其余的部分。这不是魔术，而是差不多。

最初由Ben Fry和   Casey Reas，Processing最初是一个   基于开源编程语言   关于Java帮助电子艺术   和视觉设计社区学习   计算机编程的基础知识   视觉背景。 Processing.js需要   这是一个新的水平，允许   处理由任何HTML5运行的代码   兼容的浏览器，包括当前   版本的Firefox，Safari，Chrome，   Opera和Internet Explorer。   Processing.js带来了最好的   对网络进行可视化编程   for Processing和Web开发人员。

Answer 4

....最后但并非最不重要Draw2D。

它是一个易于创建图表的JS库。 API更像是Java / C＃语法。抽象和管理层位于着名的RaphaelJS lib之上。

代码示例：

      var canvas = new draw2d.Canvas("gfx_holder");

      // Create two standard nodes for "start" and "end" and link
      // this figures with a standard Connector
      //
      var start  = new draw2d.shape.node.Start();
      var end    = new draw2d.shape.node.End();

      canvas.addFigure(start, 80,180);
      canvas.addFigure(end, 450,250);

      // Add a connection via API calls between Start and Stop
      //
      var connection = new draw2d.Connection();
      connection.setSource(start.getOutputPort(0));
      connection.setTarget(end.getInputPort(0));
      canvas.addFigure(connection);

Answer 5

Google图表： http://code.google.com/intl/uk/apis/chart/
道场：http://dojotoolkit.org/grids-charts
ExtJS：http://www.sencha.com/products/extjs/examples/#sample-3

用于图表创建的Javascript库？

5 个答案: