SuperAPI AI 工具集

syncfusion-vue-range-navigator

前端与建站

查看项目

更新于 10-16 05:49

技能介绍

用途:Syncfusion Vue Range Navigator 是交互式数据可视化控件,用于在大数据集上滚动浏览、选择日期或数值范围、查看趋势,并与图表、表格、仪表板联动。

主要能力:支持 Line、Area、StepLine 系列渲染;内置期间选择器按钮(如 1M、3M、6M、1Y、All);通过 changed 事件处理范围变化并同步外部状态;支持提示自定义(enable、displayMode、fill、border、textStyle 等);支持 RTL、轻量模式、高度与分组分隔符设置。

使用方式:安装 npm install @syncfusion/ej2-vue-charts --save。Vue 3 中通过 provide('rangeNavigator', [DateTime, AreaSeries]) 注入模块。渲染系列时数据源放在 e-rangenavigator-series 上,轻量模式则将 dataSource、xName、yName 绑定到根组件。期间选择器使用 periods 属性而非 intervals。事件使用 @changed,不是 @change。

限制:资料未提供收费、价格、平台或效果信息;未提及具体版本兼容范围。系列仅列出 Line、Area、StepLine。API 链接指向 Syncfusion 官方 Vue 文档。