Getting Started with KendoReact Sparkline
The KendoReact Sparkline is a tiny chart without axes, coordinates, legends, titles, or other chart-specific elements.
Generally, 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 by Edward Tufte. The KendoReact Sparkline is a version of the KendoReact Chart which is tailored for this specific application. While the standard KendoReact Chart component behaves like a block element, due to its rendering inside a
div element to allow for an easy embedding in texts, the Sparkline behaves like an inline element due to its rendering inside a
While, typically, Sparklines are line charts, they can also be rendered as the following Chart types:
- Line (default)
- Bar (Data Bars)
The KendoReact Sparkline component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-charts package.
The following example demonstrates the Sparkline in action.
The Sparkline supports all configuration options that are applicable for the Categorical series type of the Chart.