Javascript图库

时间:2014-08-25 17:14:41

标签: javascript diagram draw2d jointjs gojs

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

强制性要求:

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

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

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

3 个答案:

答案 0 :(得分:4)

我强烈推荐GoJS,真的很喜欢用它构建应用程序。他们提供了比我能找到的任何其他图表框架更多的examples

此外,他们允许您在试用期间使用完整的API,只要您愿意。

答案 1 :(得分:2)

我将投入广告yFiles for HTML,据我所知,这是HTML5平台最完整的图形绘制解决方案(不支持IE8):

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

您可以使用实体所需的任何可视化,并且可以根据外部数据,缩放级别,时间等进行切换。上面的查看器演示也显示了此功能。节点的详细样式级别在Organization Chart Demo

中使用

支持缩放。

用户互动可以在很高的程度上进行定制。请参阅demo page中带有前缀“demo.yfiles.input”的演示。

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

据说yFiles for HTML拥有最好的文档 - 请参阅online documentation中的自己。

作为商业支持的非自由产品,不过没有大社区。但商业支持应该是一个小问题。

披露:我为创建该图书馆的公司工作,但是因此我不代表我的雇主。

答案 2 :(得分:2)

关于主题,问题是,我们自2005年以来一直在构建mxGraph。您可以在draw.io

了解功能