DevExtreme Angular Diagram

DevExpress绘图工具JavaScript

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

  • 将图表功能直接集成到 Angular 项目中。
  • 将图表绑定到各种数据源并自定义图形。
  • 利用丰富的 UI 工具和模板实现更强的交互体验。
DevExpress logo

起价:

加载中...
包含在以下产品
DevExtreme Complete加载中
DevExpress DXperience加载中
DevExpress Universal加载中
DevExpress VCL Subscription +加载中
需要帮助选择吗？ 查看 如何购买 和 规格
DevExtreme Angular Diagram 产品图片
DevExtreme Angular Diagram 是一款全面的 UI 组件，旨在将流程图、组织结构图和复杂的数据关系可视化到 Angular 应用程序中。它提供强大的数据绑定选项、可自定义的图形和工具箱项模板，以及一整套交互式工具，让您轻松创建专业图表。

Diagram Tools

使用内置工具轻松配置选项来管理布局、图形排列、缩放级别、历史操作以及其他图表功能。

Shape Templates

为图形创建自定义 SVG 模板，以控制其外观和行为，便于生成符合您的应用需求的个性化图表表示。

Drag and Drop Interface

借助拖放功能，促进直观的用户交互，用于创建和连接图形，并通过辅助线和吸附功能提高精确度。

Data Binding

该组件支持将图表绑定到各种数据源，包括具有定义键和父键的线性数组，从而实现节点和关系的自动渲染。

Templates

使用模板自定义工具箱中的图形，定义图形在工具箱中的显示方式，通过呈现量身定制的图形选项来改善用户体验。

UI Tools Customization

配置上下文菜单、属性面板、工具箱和工具栏等交互式组件，以自定义图表编辑体验。

Export and Import

以 JSON 格式加载和保存图表，并将视觉内容导出为 SVG、PNG 和 JPEG 等图像格式，用于集成或文档用途。

Responsive Design and Accessibility

专为支持桌面和移动设备而设计，具备触控支持和符合标准的可访问性功能，适用于不同用户的可用性需求。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Angular