Syncfusion Angular Gauges

Syncfusion仪表控件JavaScript

使用可自定义的圆形仪表可视化数值数据。

  • 在带有多个轴的圆形刻度上可视化数值。
  • 自定义指针、范围和标签，以实现精确的数据表示。
  • 通过动画、拖拽、工具提示和导出选项启用交互性。
Syncfusion logo

起价:

加载中...
包含在以下产品
Syncfusion Essential Studio UI Component Suite加载中
Syncfusion Essential Studio Enterprise加载中
Syncfusion Angular Gauges 产品图片
Syncfusion Angular Circular Gauge 使开发人员能够在灵活且视觉吸引力十足的圆形刻度上呈现数值数据。它支持多个轴、指针和范围自定义，适用于速度表、时钟和进度计数器等应用。高级功能包括动画、拖拽交互、图例、工具提示和数据导出，以满足多样化的数据可视化需求。

轴自定义

定义多个圆形轴，并可自定义起始和结束角度、方向和样式。通过修改字体、大小、颜色、位置偏移和边框线来调整标签和刻度，以便根据特定数据需求定制仪表。

范围可视化

使用具有可配置颜色、渐变、宽度和位置的多个范围来突出显示轴上的关键值区间，从而提升可读性并在视觉上区分数据段。

指针类型

通过高度可自定义的指针来表示数值，包括针形、标记和范围条类型。可自定义形状、大小、颜色、动画和位置，并为复杂数据展示在每个轴上添加多个指针。

指针动画和交互

平滑地为指针过渡添加动画效果，以实现动态视觉效果。启用指针和范围拖拽，让用户可交互地调整数值，并支持实时更新和滑动手势。

图例和工具提示

添加图例以便通过可配置的位置和样式轻松识别范围和指针。悬停时显示详细工具提示，以提供更多数据洞察。

灵活的仪表布局

通过调整起始和结束角度来创建完整、半圆或四分之一圆的圆形仪表，非常适合各种屏幕尺寸和紧凑的仪表板区域。

注释支持

将任何 HTML 内容嵌入为特定位置的注释，以提供上下文信息或增强仪表展示效果。

导出和打印

将渲染后的仪表导出为 PDF、SVG、PNG、JPEG 或 base64 字符串，以便与报表或离线分析集成。可直接从受支持的浏览器中打印。

无障碍与全球化

符合 WAI-ARIA 标准，确保支持屏幕阅读器和键盘导航。使用内置全球化功能根据区域设置自定义数字和标签。

产品兼容性

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

组件类型

  • JavaScript

JavaScript 平台

  • Angular