SuperAPI AI 工具集

syncfusion-blazor-linear-gauge

前端与建站

查看项目

更新于 10-15 22:09

技能介绍

用途:在 Blazor 项目中实现 Syncfusion 线性仪表(SfLinearGauge),把数值显示在水平或垂直线性刻度上,适合温度计、进度条、KPI、仪表盘、实时数据等场景。

主要能力:多轴线与可定制刻度范围;多种指针(标记形状、条形、文本、图片);颜色分区(ranges)用于阈值与状态区分;标注(annotations);指针可拖拽交互;动态更新方法与事件;动画;主题(Bootstrap、Material、Fabric、Fluent、Tailwind 等);无障碍(WCAG)与国际化和 RTL;打印与 PDF、PNG、SVG 导出(需开启对应 Allow 属性)。

必要用法:先安装 NuGet 包 Syncfusion.Blazor.LinearGauge 与 Syncfusion.Blazor.Themes,引入命名空间 Syncfusion.Blazor.LinearGauge,并配置样式、脚本与服务。基本结构为 SfLinearGauge 内嵌 LinearGaugeAxes、LinearGaugeAxis,再放入 LinearGaugePointers、LinearGaugeRanges 等子组件。例如: @using Syncfusion.Blazor.LinearGauge <SfLinearGauge Title="Temperature Monitor"><LinearGaugeAxes><LinearGaugeAxis Minimum="0" Maximum="120"><LinearGaugePointers><LinearGaugePointer PointerValue="65"></LinearGaugePointer></LinearGaugePointers><LinearGaugeRanges><LinearGaugeRange Start="0" End="40" Color="#4CAF50"></LinearGaugeRange></LinearGaugeRanges></LinearGaugeAxis></LinearGaugeAxes></SfLinearGauge>

动态控制可用 SetPointerValueAsync、SetAnnotationValueAsync、RefreshAsync、PrintAsync、ExportAsync 等方法,以及 Load、Loaded、ValueChange、ResizeCompleted 等事件。

适用场景:需要精确数值可视化、带阈值分区、支持用户拖拽调值或实时刷新的 Blazor 仪表与看板。

限制:功能依赖 Syncfusion.Blazor.LinearGauge 与 Syncfusion.Blazor.Themes 包及其服务注册;导出、打印需显式启用对应属性;具体授权、收费、价格与平台支持资料中暂未提供。