问题标签 [yfiles]

我对 Angular2 和 WebPack 完全陌生，并且正在为一些可能非常简单的事情而苦苦挣扎。

我们正在尝试将yFiles for HTML合并到 Agular2/WebPack 项目中。我在 NPM 上找到并导入了类型文件@types/yfiles。库的其余部分只能从供应商处获得，而不是在 NPM 上。这编译正确，但是当我调试项目时，控制台报告错误：

例外：未捕获（承诺中）：错误：./HomeComponent 类 HomeComponent 中的错误 - 内联模板：0:0 原因：yfiles 未定义
错误：./HomeComponent 类 HomeComponent 中的错误 - 内联模板：0:0 原因： yfiles 未定义

有问题的不是 HomeComponent，而是它引用的 DiagramComponent。

文件夹结构如下所示：

我觉得即使文件存在，它也在运行时@types/yfiles/index.d.ts寻找文件。*.js这是问题所在，如果是这样，我如何将它们导入项目？

问题

我正在尝试将 HTML 的 yfile 集成到使用 Angular CLI 的 Angular 2 应用程序中。我正在使用最新版本的 Angular 2 和 CLI 的最新 BETA 版本。

我已经使用npm install --save @types/yfiles.

我已经在我的项目中放置了所需的 yfiles 文件夹，并更新了 angular-cli.json 以包含所需的样式和脚本：

我已经确认构建在运行后将这些脚本包含在捆绑的脚本输出中ng build。

当尝试引用 yfiles 时，自动完成在 IDE（最新的 Webstorm）中工作：

该项目在发出时编译并运行，ng serve但是当我导航到激活尝试使用 yfiles 的组件的路由时，会在控制台中引发错误并报告：

我尝试过导入 yfiles 模块 - 例如：

这只是阻止ng serve构建应用程序：

任何帮助表示赞赏。

我尝试使用 yFiles 2 创建具有多个特征的图形。实际上，我们有一些工作，但我们有很多超越 yworks 标准的行为，我们希望更好地使用它。

我们的 2 个主要功能会导致问题：

• 我们的节点之间没有重叠。
• 可以调整父元素大小的节点层次结构，但是当边框与子元素相交时，我们尝试（如果没有重叠）将其移动到其父元素内。

这个想法是更好地集成 yworks 以受益于标准功能。例如，使用标准布局管理器而不是我们的。今天，我们将覆盖 setSize 和 setLocation。

我认为有很多方法可以做到这一点。我的想法是：

• 在 EditMode 中使用覆盖 HotSpotMode (updateNodeRealizerBounds)。
• 或者重写 NodeLayout 是不是好办法？有没有更好的办法 ？

谢谢你的帮助！

是否有任何自动化工具可用于自动化基于 HTML 的图形的 yfile？或者有没有办法使用硒来自动化它？

我正在使用 yFiles 开发动态图形编辑器。这意味着用户可以从菜单中选择新节点并将它们拖到图形区域中。但是，我希望我的图表在 x 轴上的大小有限。也就是说，图形应该是可扩展的，垂直方向没有限制，但要保持最大宽度。我完全不知道这样做的方式，所以定义图形的最大宽度。

我想在这个演示中有一个像橙色矩形一样的最终效果。在那里，PositionHandler使用了a，但我不知道如何集成它。

不知道它是否有任何帮助，但这是我定义图形交互部分的片段。

我正在使用 yFiles.Net 组件，该组件用于表示某些 SQL 数据库中对象之间的依赖关系（图形表示）。

我需要创建当我将光标指向某个对象时会出现的工具提示。该工具提示不仅包含文本，还包含图像。我知道如何制作扩展默认 Tooltip 类的自定义类，然后覆盖用于绘制自定义工具提示的方法。

我不知道当我指向图形上的某个对象时如何显示工具提示，以及当我将光标从图形上的对象移动时如何处理它？有人可以帮我吗？

我正在为 JavaFX 使用 yFiles，我需要突出显示有向边及其箭头。我正在使用HighlightIndicatorManager<IModelItem>.addHighlight(IModelItem)，但它只突出边缘线，并使其箭头不突出。是否可以突出边缘的箭头？

我需要使用 SVG 图像对节点进行样式设置，但无法使其正常工作。我正在使用ImageNodeStyleSVG 图像并将其传递给构造函数。但是，将此样式应用于节点没有效果。我尝试使用位图图像，它们工作正常。

如何为节点样式启用 SVG 图像支持？

我正在使用 yWorks 2.5，并EdgeSegmentControlEdgeStyle以某些 DataTemplate 内容的形式绘制边缘。我设置EdgeSegmentControlEdgeStyle.SegementThickness为 20。但是据我了解，这种风格在内部使用PolylineEdgeStyle，并且我的控件仅对细中心线上的点击做出反应。如何使这种样式对 20px 高度矩形区域中的所有点击做出反应？

目前我正在使用 yFiles Flex 为具有 Java 后端的客户端生成图表。我必须将我的项目迁移到 yFiles HTML。是否可以？