我正在为一个项目寻找一个好的 JavaScript 图表库,可以是商业的。
强制性要求:
- 单击组件(或悬停)时突出显示连接的线和组件
- 能够切换组件的图像(以表示一组组件)
- 放大/缩小功能
- 能够定义支持左侧右侧拖动的自定义行为
- 能够生成图表的可链接最小化地图
到目前为止,我检查了 GoJs、JointJS 和 Draw2D,JointJS 看起来最合适,但我不确定。文档和社区也很重要。因此,如果有人使用过其中一个库或其他库,请告诉我您的经验。
帮助我为具有我提到的功能的项目选择正确的库。
我正在为一个项目寻找一个好的 JavaScript 图表库,可以是商业的。
强制性要求:
- 单击组件(或悬停)时突出显示连接的线和组件
- 能够切换组件的图像(以表示一组组件)
- 放大/缩小功能
- 能够定义支持左侧右侧拖动的自定义行为
- 能够生成图表的可链接最小化地图
到目前为止,我检查了 GoJs、JointJS 和 Draw2D,JointJS 看起来最合适,但我不确定。文档和社区也很重要。因此,如果有人使用过其中一个库或其他库,请告诉我您的经验。
帮助我为具有我提到的功能的项目选择正确的库。
我将介绍用于 HTML 的商业 yFiles,据我所知,它是 HTML5 平台最完整的图形绘制解决方案(但不支持 IE8):
突出显示是一项内置功能,您可以使用自定义 Canvas 或 SVG/CSS 绘图轻松自定义突出显示。当您将鼠标悬停在元素上时,图形查看器演示会显示此功能,例如
你可以为你的实体使用任何你想要的可视化,它们可以根据外部数据、缩放级别、时间等进行切换。上面的查看器演示也显示了这个功能。组织结构图演示中使用了节点的详细级别样式
当然支持缩放。
用户交互可以高度定制。请在演示页面中查看以“demo.yfiles.input”为前缀的演示。
上述演示中还支持并显示了可自定义的小地图(“概览”)。
据说 yFiles for HTML 拥有最好的文档 - 请自行查看在线文档。
但是,作为一种非免费的商业支持产品,没有一个大社区。但是商业支持应该使这成为一个小问题。
披露:我为创建该库的公司工作,但是我不代表我的雇主。
题外话,自 2005 年以来我们一直在构建mxGraph。您可以在draw.io上了解这些功能