Javascript图库

san*_*ess 19 javascript diagram draw2d jointjs gojs

我正在为一个项目寻找一个好的JavaScript Diagram库,可以是商业的.

强制性要求:

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

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

帮助我使用我提到的功能为项目选择合适的库.

Seb*_*ian 2

我将引入商业yFiles for HTML,据我所知,它是 HTML5 平台最完整的图形绘制解决方案(但不支持 IE8):

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

您可以为您的实体使用任何您想要的可视化效果,并且它们可以根据外部数据、缩放级别、时间等进行切换。上面的查看器演示也显示了此功能。组织结构图演示中使用了节点的详细程度样式

当然支持缩放。

用户交互可以高度定制。请参阅前缀为“demo.yfiles.input”的演示请参阅演示页面

上面的演示中还支持并显示了可定制的小地图(“概述”)。

据说 yFiles for HTML 拥有最好的文档 - 请自行查看在线文档

不过,作为一种商业支持的产品,它不是免费的,因此没有一个大的社区。但商业支持应该会让这成为一个小问题。

披露:我为创建该库的公司工作,但是我并不代表我的雇主。