Javascript Diagram Library

本文关键字：Library Diagram Javascript 更新时间：2023-09-26

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

强制性要求:

点击组件(或悬停)时，突出显示连接的行和组件
切换组件图像(表示一组组件)的能力
放大/缩小功能
能够定义自定义行为来支持左右拖动
生成可链接的最小化图的能力

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

帮助我选择合适的库与我提到的功能的项目。

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

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

我将加入HTML的商业yFiles，据我所知，这是HTML5平台上最完整的图形绘制解决方案(尽管不支持IE8):

突出显示是一个内置功能，您可以轻松地自定义突出显示与自定义画布或SVG/CSS图纸。当你将鼠标悬停在元素(例如

)上时，图形查看器演示展示了此功能。

你可以为你的实体使用任何你想要的可视化，它们可以根据外部数据，缩放级别，时间等进行切换。上面的查看器演示也展示了这个特性。在组织图演示

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

当然支持缩放

用户交互可以定制到非常高的程度。请参阅以"demo.yfiles"为前缀的演示文件。在演示页面输入"

一个可定制的小地图("overview")也被支持，并在上面的演示中显示。

yFiles for HTML据说有最好的文档——你自己可以在在线文档中看到。

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

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

离题了，我们从2005年就开始构建mxGraph了。您可以在draw.io

中了解功能。