Blazor Sparkline in Grid Example
This sample demonstrates sparklines in the data grid component.
ID | Name | Order Date | Ship Country | Tax per annum | One Day Index | Year GR |
|---|
| 1 | VINET | 9674 | France | |||
| 2 | TOMSP | 9675 | Germany | |||
| 3 | HANAR | 9678 | Brazil | |||
| 4 | VICTE | 9678 | France | |||
| 5 | SUPRD | 9679 | Belgium | |||
| 6 | HANAR | 96710 | Brazil | |||
| 7 | CHOPS | 96711 | Switzerland | |||
| 8 | RICSU | 96712 | Switzerland | |||
| 9 | WELLI | 96715 | Brazil | |||
| 10 | HILAA | 96716 | Venezuela | |||
| 11 | ERNSH | 96717 | Austria | |||
| 12 | CENTC | 96718 | Mexico | |||
| 13 | OTTIK | 96719 | Germany | |||
| 14 | QUEDE | 96719 | Brazil | |||
| 15 | RATTC | 96722 | USA | |||
| 16 | ERNSH | 96723 | Austria | |||
| 17 | FOLKO | 96724 | Sweden | |||
| 18 | BLONP | 96725 | France | |||
| 19 | WARTH | 96726 | France | |||
| 20 | FRANK | 96729 | Germany |
The Blazor sparkline Charts are a replacement for normal charts to display trends in a very small area. In this example, you can see how to render sparklines inside the data grid component.
More information about the sparkline can be found in this documentation section.