DevExtreme Vue Gauges

DevExpress仪表控件JavaScript

用于可自定义仪表盘可视化的交互式 Vue 组件。

  • 包含圆形、径向和线性仪表盘类型。
  • 支持多种值和子值指示器样式以及自定义刻度。
  • 具备工具提示、范围容器和可自定义标题。
DevExpress logo

起价:

加载中...
包含在以下产品
DevExtreme Complete加载中
DevExpress DXperience加载中
DevExpress Universal加载中
DevExpress VCL Subscription +加载中
需要帮助选择吗？ 查看 如何购买 和 规格
DevExtreme Vue Gauges 产品图片
DevExtreme Vue Gauges 为 Vue 应用提供了一整套全面的仪表盘组件。这些组件支持多种仪表盘类型，包括圆形、径向和线性仪表盘，每种都提供灵活多样的可视化选项。开发人员可以自定义指示器、刻度、刻度线、标签和范围容器，从而构建精确且交互式的仪表板，有效传达数据。

仪表盘类型

通过三种不同的仪表盘类型实现动态数据可视化：圆形、径向和线性仪表盘，满足各种应用场景和用户界面的需求。

值和子值指示器

使用预定义的指示器类型（如 RangeBar、RectangleNeedle、TextCloud、TriangleMarker、TriangleNeedle 和 TwoColorNeedle）自定义仪表盘上的主值和附加值指针。

刻度自定义

通过可见性、间隔、自定义值、颜色、长度和宽度等选项配置主刻度和次刻度，从而精确表示数据刻度。

刻度标签

通过显示可自定义可见性、格式、文本内容、字体样式以及与刻度间距的刻度标签，提升仪表盘的可读性。

范围容器

通过将刻度段分组，并配置颜色、调色板、宽度、偏移和方向，来可视化数值范围。

工具提示

启用交互式工具提示，在悬停时显示信息性数据，并可自定义文本格式和字体样式。

标题和副标题元素

为仪表盘添加描述性标题和副标题，并可控制文本内容、字体样式和对齐方式，以支持清晰的上下文信息。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Vue.js