Getting Started with Kendo UI for Vue Sparkline
The Kendo UI for Vue Sparkline is a tiny chart without axes, coordinates, legends, titles, or other chart-specific elements.
The Charts are part ofKendo UI for Vue, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free TrialGenerally, Sparklines are simple, word-sized graphics that can be embedded in tables, headlines, or chunks of text. The concept for their graphical representation was developed byEdward Tufte. The Kendo UI for Vue Sparkline is a version of the Kendo UI for Vue Chart which is tailored for this specific application. While the standard Kendo UI for Vue Chart component behaves like a block element, due to its rendering inside adiv element to allow for an easy embedding in texts, the Sparkline behaves like an inline element due to its rendering inside aspan element.
While, typically, Sparklines are line charts, they can also be rendered as the following Chart types:
- Line (default)
- Bar (Data Bars)
- Column
- Area
- Pie
- Bullet
The Kendo UI for Vue Sparkline component is part of the Kendo UI for Vue Charts library. It is distributed through NPM under thekendo-vue-charts package.
Basic Usage
The following example demonstrates the Sparkline in action.
Functionality and Features
The Sparkline supports all configuration options that are applicable for the Categorical series type of the Chart.
Sparklines also include shortcuts for setting thedataItems andtype series options.