DevExtreme jQuery Gauges

DevExpress仪表控件JavaScript

用于交互式数据可视化的 jQuery 仪表盘。

  • 包含圆形、径向和线性仪表盘类型，适用于多样化可视化。
  • 可自定义数值和子值指示器，并提供多种预定义样式。
  • 支持刻度标记、标签、范围、工具提示、标题和副标题配置。
DevExpress logo

起价:

加载中...
包含在以下产品
DevExtreme Complete加载中
DevExpress DXperience加载中
DevExpress Universal加载中
DevExpress VCL Subscription +加载中
需要帮助选择吗？ 查看 如何购买 和 规格
DevExtreme jQuery Gauges 产品图片
DevExtreme jQuery Gauges 提供了一组多功能、高性能的仪表盘组件，专为交互式 Web 应用程序设计。它们支持三种不同的仪表盘类型：圆形、径向和线性，使开发者能够在不同量程上有效地可视化数据。这些仪表盘可与数据可视化项目集成，通过可自定义的指示器、刻度以及针对各种业务场景量身定制的其他功能，提供清晰、简洁的洞察。

三种仪表盘类型

可从圆形、径向和线性仪表盘中进行选择，以不同格式直观呈现数据，满足多种业务需求。

数值指示器

使用预定义的指示器类型（如 RangeBar、RectangleNeedle、TextCloud、TriangleMarker、TriangleNeedle 和 TwoColorNeedle）在仪表盘上展示主要数值，并支持可自定义的外观选项。

子值指示器

使用与数值指示器类似的指示器类型在仪表盘上显示其他子值，从而在同一仪表盘上实现多值可视化。

刻度标记

为仪表盘配置主刻度和次刻度，包括自定义间隔和特定刻度位置，以清晰定义刻度范围，并可通过选项修改外观和可见性。

刻度标签

添加说明性的刻度标签，以可自定义的文本、格式、字体样式和位置显示数值，从而提升数据表示的清晰度。

范围容器

将刻度值分组到彩色范围中，以便直观解读数据，并可设置范围容器的颜色、调色板、宽度、偏移和方向。

工具提示

启用交互式工具提示，以显示悬停在仪表盘元素上的信息，并可自定义文本内容和样式，以增强用户交互体验。

标题和副标题

包含描述性标题和副标题，并可灵活设置文本、字体样式和位置，为仪表盘数据提供上下文。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • jQuery