Javascript图库[关闭]答案

【问题标题】：Javascript Diagram Library [closed]Javascript图库[关闭]
【发布时间】：2014-10-18 21:42:13
【问题描述】：

我正在为一个项目寻找一个好的 JavaScript 图表库，可以是商业的。

强制性要求：

单击（或悬停）组件时突出显示连接的线和组件

能够切换组件的图像（以表示一组组件）

放大/缩小功能

能够定义支持左侧右侧拖动的自定义行为

能够生成图表的可链接最小化地图

到目前为止，我检查了 GoJs、JointJS 和 Draw2D，JointJS 看起来最合适，但我不确定。文档和社区也很重要。因此，如果有人使用过其中一个库或其他库，请告诉我您的经验。

帮助我为项目选择正确的库，并提供我提到的功能。

【问题讨论】：

请在关闭前检查赞成票的数量。这是有用的信息，而且这样做非常势利。
+1 表示JointJS。易于上手 - 它具有很多开箱即用的功能，因此您可以用很少的代码做很多事情，而且它本身具有可扩展性。找到开源版本，而不是他们在网站上宣传的付费版本/免费试用版。

【解决方案1】：

题外话，自 2005 年以来，我们一直在构建 mxGraph。您可以通过 draw.io 了解这些功能

【讨论】：

【解决方案2】：

我强烈推荐GoJS，并且非常喜欢用它来构建应用程序。他们提供的examples 比我能找到的任何其他图表框架都多。

它们还允许您在试用的基础上使用完整的 API，只要您愿意。

【讨论】：

【解决方案3】：

我将投放商业广告yFiles for HTML，据我所知，这是最完整的 HTML5 平台图形绘制解决方案（但不支持 IE8）：

突出显示是一项内置功能，您可以使用自定义 Canvas 或 SVG/CSS 绘图轻松自定义突出显示。当您将鼠标悬停在元素上时，Graph Viewer Demo 会显示此功能，例如

您可以为实体使用所需的任何可视化效果，它们可以根据外部数据、缩放级别、时间等进行切换。上面的查看器演示也显示了此功能。 Organization Chart Demo

中使用了节点的详细级别样式

当然支持缩放。

可以高度自定义用户交互。请参阅demo page 中以“demo.yfiles.input”为前缀的演示。

上面的演示也支持并显示了可自定义的小地图（“概览”）。

yFiles for HTML 据说拥有最好的文档 - 请自行查看 online documentation。

作为非免费的商业支持产品，虽然没有一个大社区。但商业支持应该让这成为一个小问题。

披露：我为创建该库的公司工作，但我不代表我的雇主。

【讨论】：