elkjs

[Eclipse Layout Kernel (ELK)](https://www.eclipse.org/elk/) 实现了一个基础设施，用于将图表编辑器或查看器连接到自动布局算法。该库提取了 ELK 中与布局相关的部分，并将其提供给 JavaScript 世界使用。 ELK 的旗舰功能是一种基于分层的布局算法，特别适用于具有固有方向和端口（节点边界上的显式连接点）的节点-链接图。它基于最初由 Sugiyama 等人提出的思想。下方截图展示了一个示例。 请注意，elkjs 本身并不是一个图表框架——它只负责计算图表中各个元素的位置。 elkjs 是 [klayjs](https://github.com/kieler/klayjs) 的继任者。 #### 演示 你可以看到 elkjs [在线演示](https://rtsys.informatik.uni-kiel.de/elklive/)，它与 TypeFox 的 [sprotty](https://github.com/eclipse/sprotty) 图表框架结合使用。如果 elklive 恰好不可用，你可以使用已发布的 [Docker 容器](https://github.com/kieler/elk-live/pkgs/container/elk-live) 自行运行和托管它。 # 常见问题与反复出现的问题 以下列表包含一些反复出现的话题，可能已在问题中讨论过： * [#100][ejs100], [elk#355][e355], [elk#627][e627] - 如何考虑先前的布局结果，包括 * 动态布局，以及 * 向现有布局中增量添加节点和边。 * [elk#315][e315]: 独立边路由。 * [#85][ejs85] elkjs 本身仅是一个图布局引擎。换句话说，它不提供渲染、样式等功能。 * [#127][ejs127]、[#141][ejs141]、[#142][ejs142] - 由于底层代码通过 GWT 转译以及/或过时的 JS 模块使用方式导致的问题： * `g is not defined`， * `Can't resolve web-worker`，以及 * 在 React、webpack 等环境中作为一部分使用时的常见问题。 * [#6][ejs6] 模块化较差 * 欢迎在此贡献代码！ [ejs6]: https://github.com/kieler/elkjs/issues/6 [ejs85]: https://github.com/kieler/elkjs/issues/85 [ejs100]: https://github.com/kieler/elkjs/issues/100 [ejs127]: https://github.com/kieler/elkjs/issues/127 [ejs141]: https://github.com