Select theme:
This guide demonstrates how to use the Sparkline component.
Name | Type | Default | Description |
---|---|---|---|
Name | string | 'sparkline' + index suffix | Unique name of the Sparkline. |
Data | array | null | Sparkline data. |
Color | string | null | Sparkline color. |
ValueProperty | string | null | Sparkline data value property. |
The only required property of the Sparkline component is Data
. It specifies the values that the Sparkline displays.
In the simplest configuration the Data
is an array of numbers. Here is a quick example:
[1,5,3,5,3,2]
. That's it! The Sparkline will look like this.
Often you would need to data-bind the Sparkline to data coming from a Radzen data-source (database or REST API).
Data
property of the Sparkline to the result.ValueProperty
to the name of the property which represents the Sparkline data. Radzen is free to use. You can also test the premium features for 15 days.
Download NowSelect theme: