DevExtreme React Diagram

DevExpress绘图工具JavaScript

在 React 应用程序中创建并自定义交互式图表。

  • 直接集成到 React 中，实现高效的图表渲染。
  • 支持数据绑定，呈现动态图表内容。
  • 提供广泛的 UI 自定义和编辑工具。
DevExpress logo

起价:

加载中...
包含在以下产品
DevExtreme Complete加载中
DevExpress DXperience加载中
DevExpress Universal加载中
DevExpress VCL Subscription +加载中
需要帮助选择吗？ 查看 如何购买 和 规格
DevExtreme React Diagram 产品图片
DevExtreme React Diagram 使开发人员能够在其应用程序中构建功能丰富、可编辑的图表。它支持将节点和边绑定到数据源，包含可自定义的形状库，并提供用于用户交互和图表修改的工具箱和面板，适用于各种业务或技术可视化需求。

可自定义形状库

包含内置且可扩展的形状，并支持带有模板和图标的自定义形状，允许根据特定领域需求进行量身定制的视觉呈现。

数据绑定支持

允许将图表节点和边动态绑定到数据源，管理层级关系和文本标签，便于从结构化数据实时生成图表。

交互式编辑工具

提供丰富的编辑操作套件，包括添加、删除、移动、调整形状和连接器大小，并带有事件钩子以控制或限制用户操作。

UI 自定义选项

可配置的工具箱、属性面板、上下文菜单和工具栏，提供调整用户界面的能力，以实现直观且受控的图表编辑体验。

布局和视图配置

支持页面设置，如大小、颜色、方向、网格可见性、吸附和缩放级别，并包括简单视图模式，以充分利用可用空间。

导出能力

支持将图表导出为流行的图像格式（PNG、JPEG、SVG）和 JSON 数据，便于共享、打印或持久保存图表状态。

事件处理和生命周期管理

提供全面的事件回调，例如内容就绪、项点击、选择更改和生命周期事件，以便与应用程序逻辑集成并高效处理用户交互。

可访问性和 RTL 支持

支持从右到左布局和可访问性功能，使图表可用于支持不同用户需求的国际化应用程序中。

产品兼容性

请查看以下详细信息，以确保此产品在您的环境中受支持。

组件类型

  • JavaScript

JavaScript 平台

  • React