React 流程图库
React Flow Chart Library
我需要一个流程图库，它可以帮助我在 React 中创建如下所示的流程图。
如果添加类似演示的 link，将不胜感激。
您可以使用 https://github.com/projectstorm/react-diagrams, here is the link 进行演示。
实现的视图看起来与您在给定图片中提到的非常相似。也因为它说它是可定制的，你可以根据你的要求使它看起来像
没有多少专门为 React 构建的流程和图表库。您还应该寻找与 React 集成良好的 generic solutions。
如果这是在商业环境中 and/or 您的要求很重要，请务必查看 yFiles for HTML，它应该能够帮助您实现我能看到的所有要求在您的示例图中：
- 您可以自定义可视化的设计和外观以完全符合您的要求
- 您可以使用自动布局算法根据数据结构动态排列项目，而无需用户手动放置项目
- 您可以向节点和边添加任意数量的标签、端口（节点处的连接器）。
- 您可以自定义交互，例如禁止在图表类型中创建无效结构
- 这是一个白标解决方案，可以嵌入到任何 JavaScript 应用程序中。
该库可帮助您创建一个 react diagramming component and also comes with a React Diagram Integration Demo. This allows you to use all the features in a React powered application. See this full diagram editor app 复杂的演示，展示该库的许多功能。
免责声明：我在创建上述库的公司工作。不过，我不代表我的雇主。答案、问题和意见都是我自己的。
Syncfusion 支持在 React 中创建具有自定义形状、标签和端口到端口连接的图表。请查找 Syncfusion Diagram 的在线示例。我们已经创建了类似于提供的屏幕截图的流程图。
请参考下面的示例link:
示例 link：https://codesandbox.io/s/wkvjjopv18
您还可以使用注释 属性 为节点或连接器创建标签。请在下面找到 link 以了解如何将标签添加到节点或连接器
Link: https://ej2.syncfusion.com/react/documentation/diagram/labels#create-annotation
我需要一个流程图库，它可以帮助我在 React 中创建如下所示的流程图。 如果添加类似演示的 link，将不胜感激。
您可以使用 https://github.com/projectstorm/react-diagrams, here is the link 进行演示。
实现的视图看起来与您在给定图片中提到的非常相似。也因为它说它是可定制的，你可以根据你的要求使它看起来像
没有多少专门为 React 构建的流程和图表库。您还应该寻找与 React 集成良好的 generic solutions。
如果这是在商业环境中 and/or 您的要求很重要，请务必查看 yFiles for HTML，它应该能够帮助您实现我能看到的所有要求在您的示例图中：
- 您可以自定义可视化的设计和外观以完全符合您的要求
- 您可以使用自动布局算法根据数据结构动态排列项目，而无需用户手动放置项目
- 您可以向节点和边添加任意数量的标签、端口（节点处的连接器）。
- 您可以自定义交互，例如禁止在图表类型中创建无效结构
- 这是一个白标解决方案，可以嵌入到任何 JavaScript 应用程序中。
该库可帮助您创建一个 react diagramming component and also comes with a React Diagram Integration Demo. This allows you to use all the features in a React powered application. See this full diagram editor app 复杂的演示，展示该库的许多功能。
免责声明：我在创建上述库的公司工作。不过，我不代表我的雇主。答案、问题和意见都是我自己的。
Syncfusion 支持在 React 中创建具有自定义形状、标签和端口到端口连接的图表。请查找 Syncfusion Diagram 的在线示例。我们已经创建了类似于提供的屏幕截图的流程图。
请参考下面的示例link:
示例 link：https://codesandbox.io/s/wkvjjopv18
您还可以使用注释 属性 为节点或连接器创建标签。请在下面找到 link 以了解如何将标签添加到节点或连接器
Link: https://ej2.syncfusion.com/react/documentation/diagram/labels#create-annotation