SuperAPI AI 工具集

syncfusion-javascript-range-navigator

通用与其它

查看项目

更新于 10-16 05:46

技能介绍

用途:在 Syncfusion EJ2 项目中实现 Range Navigator(范围导航器),用于从 DateTime、数值、分类或对数数据中选择特定范围,并可与 EJ2 Chart 同步。仅覆盖 EJ2 TypeScript(@syncfusion/ej2-charts)与 EJ2 JavaScript(全局 ej.charts 命名空间)两种实现,不生成 Vue、React、Angular 等框架代码。

主要能力:支持 Line、Area、StepLine 序列;支持 DateTime、Double、Category、Logarithmic 轴;可设置初始选中范围、程序化更新范围、处理 changed 事件、延迟更新、选择提示、Period Selector、与 Chart 同步、导出与打印、标签与网格线等样式定制、响应式与 RTL、大数据采样聚合。

使用方式:安装 npm install @syncfusion/ej2-charts;TypeScript 需从 @syncfusion/ej2-charts 导入组件与所需模块,并在创建前调用 RangeNavigator.Inject(...) 注入;JavaScript 通过 new ej.charts.RangeNavigator(configuration) 创建,加载完整 EJ2 全局包时无需单独注入。创建前需准备目标 HTML 容器并确保父容器有可用宽度,加载对应主题样式。

限制:数值轴使用 Double 而非 Numeric;不支持 Spline、SplineArea、Column、Bar、Scatter、Candle、Hilo、HiloOpenClose 等序列类型,需要这些可视化时应改用 EJ2 Chart 或 Stock Chart;tooltip 使用 fill 而非 backgroundColor,且不支持 format 属性;changed 事件参数不含 args.value。具体价格、平台支持范围等资料暂未提供。