DevExtreme Vue Diagram

DevExpress绘图工具JavaScript

在 Vue 应用中构建交互式、数据驱动的图表。

  • 使用 Vue 组件创建和编辑图表。
  • 轻松将图表节点绑定到多种数据源。
  • 灵活自定义布局、样式和形状。
DevExpress logo

起价:

加载中...
包含在以下产品
DevExtreme Complete加载中
DevExpress DXperience加载中
DevExpress Universal加载中
DevExpress VCL Subscription +加载中
需要帮助选择吗？ 查看 如何购买 和 规格
DevExtreme Vue Diagram 产品图片
DevExtreme Vue Diagram 为开发人员提供了一个组件，用于在基于 Vue 的 Web 和移动应用中可视化工作流、组织结构图和数据关系。它支持对各种数据结构进行全面数据绑定、自动布局算法，以及对形状和连接线的广泛自定义，从而能够生成可响应动态数据的丰富交互式图表。

轻松集成图表

将 Diagram 组件添加到 Vue 应用中，支持完整使用 DevExtreme UI 功能和样式。

全面的数据绑定

将图表节点绑定到数组或数据存储，并通过键、父级和自定义表达式实现动态和层级数据可视化。

自动布局算法

利用分层和树状结构等预设布局选项自动排列图表节点，以提升清晰度和可用性。

可自定义的节点外观

通过数据源字段或自定义表达式动态配置节点样式、文本、图像、大小和 z-index，以满足应用需求。

交互式编辑工具

通过直观的 UI 功能，让用户添加、移动、锁定或编辑形状和连接线，并支持撤销/重做和剪贴板操作。

可扩展工具箱和属性面板

在 UI 中提供可自定义的形状库和属性设置，以定制绘图体验和节点配置。

多平台支持

专为 Vue 驱动的 Web 和移动平台上的响应式工作而设计，确保图表功能可在多种环境中使用。

导出和打印

将图表保存并导出为 JSON、图像或可缩放矢量图形，便于共享并与其他系统集成。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Vue.js