用途:在纯 TypeScript 或 JavaScript 项目中使用 Syncfusion EJ2 Linear Gauge,在水平或垂直的线性刻度上展示标量测量值与指标,如温度、压力、速度、容量、利用率等。
主要能力:可配置轴的最小值/最大值、刻度间隔、标签与刻度方向;添加表示正常、警告、危险区间的彩色范围;配置条形或标记指针以显示当前值、目标值、平均值或阈值;支持外观定制(颜色、字体、背景、边框、渐变、动画)、注释、工具提示、交互事件(鼠标、拖拽、值变化、加载、渲染)、动态更新值、导出 PNG/JPEG/SVG/PDF 与打印、国际化数字与货币格式、无障碍与响应式布局,以及从 EJ1 迁移。
使用方式:安装 npm install @syncfusion/ej2-lineargauge,在 TypeScript 中 import { LinearGauge } from '@syncfusion/ej2-lineargauge';使用完整 EJ2 全局包时通过 ej.lineargauge.LinearGauge 初始化。部分功能需注入模块,如 Annotations、GaugeTooltip、Gradient、ImageExport、PdfExport、Print。动态更新使用 setPointerValue()。拖拽指针需设置 enableDrag: true,并在 LinearGauge 对象上配置 dragMove、dragEnd 等事件,使用 args.currentValue 获取值。
适用场景:仪表盘、移动端与全屏布局中的指标展示,实时数据轮询更新,表单集成与值校验,多仪表布局,垂直仪表等。
限制:纯 TypeScript/JavaScript 示例不应使用 Angular 包装包或 Angular 组件模块;仅注入应用所需的模块;资料未提供具体收费、价格与平台信息。