使用 Angular Sparklines 显示数据趋势

在 Angular 应用中的表格和仪表盘中添加紧凑型图表,帮助用户一目了然地发现趋势和理解数据变化。

2026年10月22日功能亮点图表控件
使用 Angular Sparklines 显示数据趋势

Sparklines 在一个小空间内总结一系列数值,帮助用户看到单个数字无法解释的变化。放置在销售总额、响应时间或库存水平旁边,它们显示数值是稳步上升、波动还是意外下降。Angular 开发者可以利用这些紧凑型图表为仪表盘卡片和表格行添加历史背景,同时将相关信息集中在一起。

多个 Angular 图表组件支持 sparklines,包括:

  • DevExtreme Angular Chart 由 DevExpress 提供,可配置的 sparklines 具有点高亮和工具提示,允许开发者展示趋势并强调最小值、最大值、首值和末值。
  • Kendo UI Angular Charts 由 Telerik 提供,包含内联 Sparkline 组件,支持折线、条形、柱状、面积、饼图和子弹图类型,用于在文本和表格中嵌入视觉汇总。
  • Infragistics Ignite UI for Angular Chart 提供可配置的 Sparkline 组件,带有标记、范围、趋势线和工具提示,帮助用户解释紧凑的数据序列。
  • Syncfusion Angular Charts 支持折线、柱状、面积、盈亏和饼图 Sparklines,带有标记、数据标签和范围带以突出相关值。

欲了解功能和价格的深入分析,请访问我们的 Angular 图表组件比较页面。

比较 Angular 图表组件