用途
Syncfusion Angular Range Navigator 是一个数据可视化组件，用于浏览、选择和导航时间序列数据。它允许用户从大型数据集中滚动和选择范围，并可与其他 Syncfusion 组件（如 Chart 和 DataGrid）集成。该技能面向 Angular 21+ 的独立（standalone）架构，用于在 Angular 应用中实现交互式范围导航器。
主要能力
- 数据绑定：支持本地数组、远程数据源、JSON 数组。
- 轴类型：数值轴和日期时间轴，支持自定义间隔。
- 系列类型：Area、Line、Spline、StepLine、StepArea，具备自动数据映射。
- 工具提示：启用/禁用、自定义格式、标题、HTML 模板。
- 时间段选择器：快捷选择按钮（Day、Week、Month、Year 及自定义范围）。
- 轻量模式：针对移动端和性能敏感应用进行优化。
- 标签与网格：可自定义轴标签、网格刻度、标签格式。
- RTL 支持：完整的从右到左文本与布局支持。
- 导出/打印：PNG、SVG、PDF 格式。
- 无障碍：WCAG 合规、键盘导航、ARIA 属性。
使用方式
文档按主题分为多个参考文件，包括：
- references/getting-started.md：安装与包设置、创建第一个 Range Navigator、基本配置、CSS 与主题导入、模块注入与服务提供者。
- references/axis-configuration.md：数值轴与日期时间轴设置、轴间隔与范围自定义、标签格式化、轴类型选择指导。
- references/series-types.md：可用系列类型、数据绑定与 xName/yName 映射、多系列配置、颜色与样式、空点处理。
- references/tooltips-interactivity.md：工具提示启用与配置、格式化、模板、定位与行为、范围选择事件。
- references/period-selector.md：时间段选择器配置、内置选项、自定义范围、样式、程序化选择与事件处理。
- references/labels-formatting.md：轴标签自定义与格式化、格式字符串与自定义函数、网格刻度配置、标签定位与旋转。
- references/lightweight-mode.md：启用轻量模式、性能考量、移动端优化、限制与适用场景。
- references/rtl-internationalization.md：RTL 支持与配置、区域与数字格式化、多语言支持模式。
- references/print-export-accessibility.md：导出为 PNG/SVG/PDF、打印配置、WCAG 2.1 指南、键盘导航、ARIA 属性。
- references/api-reference.md：完整 API 参考，包含属性锚点、方法链接、事件参数类型。
快速开始示例展示了一个最小实现，涵盖组件导入、模块注入与服务提供者、数据源绑定、系列配置及工具提示启用。
关键属性
- valueType：轴值类型，'Numeric' 或 'DateTime'（默认 'DateTime'）。
- dataSource：数据对象数组。
- tooltip：工具提示设置（enable、format、template）。
- intervalType：轴间隔，'Years'、'Months'、'Days'、'Hours'、'Minutes'、'Seconds'。
- intervals：轴标签的间隔计数。
- labelFormat：标签格式字符串（如 'MMM dd, yyyy'）。
- lightWeight：启用轻量模式（默认 false）。
- enableRtl：启用 RTL 支持（默认 false）。
- series：系列集合配置。
- periodSelectorSettings：时间段选择器配置。
- navigatorStyleSettings：样式自定义。
- gridLineSettings：网格刻度外观。
- labelStyle：轴标签字体与样式。
适用场景
- 股票市场数据：带日期范围选择的历史股价浏览。
- 传感器数据监控：时间序列传感器读数与指标导航。
- 网站分析：选择日期范围进行流量与用户行为分析。
- 金融图表：带交互式时间段选择的金融数据探索。
- 应用性能：使用快捷时间段选择器监控性能指标。
- 销售仪表盘：跨时间段查看销售数据。
- 天气数据：带日期导航的历史天气模式浏览。
- IoT 数据可视化：高效导航大型 IoT 传感器数据集。
限制
暂无明确的限制信息提供。轻量模式的具体限制与功能取舍需参考 references/lightweight-mode.md。