SuperAPI AI 工具集

syncfusion-blazor-range-selectors

数据与分析

查看项目

更新于 10-15 22:32

技能介绍

用途:在 Blazor 应用中实现数据区间选择与图表导航,用户可通过拖动左右滑块或点击标签,从大量时序或数值数据中筛选并显示指定范围,适用于股票价格、财务数据、仪表盘范围过滤等场景。

主要能力:支持 DateTime、Numeric、Logarithmic 值类型;提供 Line(默认)、Area、StepLine 三种序列;支持单向与双向(@bind-Value)数据绑定、本地与远程数据源(SfDataManager);可配置周期选择按钮(1M、3M、6M、YTD、1Y、All 等);提供 Changed、Loaded、TooltipRender 事件;支持 PNG、JPEG、SVG、PDF 导出;可自定义坐标轴、网格线、标签格式、主题、工具提示与模板;支持 RTL、键盘导航与 WCAG 无障碍;提供 EnableGrouping、AllowSnapping 及轻量渲染以应对大数据量。

使用方式:引入命名空间 Syncfusion.Blazor.Charts,安装 NuGet 包 Syncfusion.Blazor.Charts 与 Syncfusion.Blazor.Themes(或单独包 Syncfusion.Blazor.RangeNavigator),并在 Blazor 中注册服务与主题。典型用法为 <SfRangeNavigator> 配合 @bind-Value、ValueType、IntervalType、LabelFormat 属性,内部放置 <RangeNavigatorSeriesCollection>、<RangeNavigatorRangeTooltipSettings>、<RangeNavigatorEvents> 与 <RangeNavigatorPeriodSelectorSettings>。周期按钮由 <RangeNavigatorPeriods> 与 <RangeNavigatorPeriod> 定义,可指定 Text、Interval、IntervalType。

限制:官方资料未说明收费、价格、授权或平台限制;具体版本兼容性、性能上限与完整 API 细节暂未提供,需以 Syncfusion 官方文档为准。