LineChart
CompleteGraphique en courbes avec plusieurs séries, lissage et remplissage de zone facultatifs. Cliquez sur une entrée de la légende pour masquer ou afficher une série. Le graphique est dessiné en SVG et utilise les couleurs du thème ; le survol d'un point affiche sa valeur. Un tableau masqué avec les mêmes nombres est fourni pour les lecteurs d'écran.
Exemple
Paramètres
| Paramètre | Type | Description |
|---|---|---|
Area | bool | Remplit la zone sous la ligne. |
Categories | IEnumerable<string> | Étiquettes le long de l'axe horizontal. |
Class | string | Classes CSS supplémentaires ajoutées à l'élément racine. |
Height | Double | Hauteur maximale du corps de la grille, par exemple 24rem (28rem par défaut avec VirtualScroll). |
IntegerTicks | bool? | Force des pas d'axe en nombres entiers ; par défaut ils sont utilisés quand toutes les valeurs sont entières. |
Label | string | Texte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle). |
Series | IEnumerable<ChartSeries> | Séries de données : ChartSeries(name, values). |
ShowDataLabels | bool | Écrit la valeur sur chaque repère (barres, points de courbe, secteurs). |
ShowExport | bool | Ajoute des boutons qui enregistrent le graphique en image PNG ou SVG. |
ShowGrid | bool | Dessine des lignes de grille horizontales. |
ShowLegend | bool | Affiche la légende cliquable. |
Smooth | bool | Dessine des lignes courbes au lieu de segments droits. |
Style | string | Style en ligne ajouté à l'élément racine. |
Trend | ChartTrend | Ligne None, Linear ou MovingAverage pour chaque série affichée. |
TrendPeriod | int | Nombre de valeurs moyennées par la moyenne mobile (3 par défaut). |
ValueFormat | string | Format de nombre pour l'axe et les info-bulles, p. ex. N0 ou P1. |
Width | Double | Skeleton : toute longueur CSS. Charts : largeur du dessin en unités SVG (le graphique s'adapte toujours à son conteneur). |
ZeroBased | bool | Inclut toujours zéro sur l'axe des valeurs. |
Zoomable | bool | Ajoute des boutons de zoom et de déplacement ; le graphique affiche une fenêtre des catégories. |
Paquet
LineChart fait partie de RayCraft Complete. Paquet : RayCraft.Blazor.Complete. Il provient du flux privé RayCraft et nécessite une licence active. Voir Premiers pas.
Contrôles associés
- ChartDataTableUn tableau des données du graphique, masqué à l'écran et lu par les lecteurs d'écran, afin que les valeurs du graphique soient disponibles sous forme de texte.
- ChartLegendLa légende d'un graphique.
- ChartToolbarLes boutons d'outils du graphique : zoom avant, zoom arrière, déplacer à gauche, déplacer à droite, réinitialiser et exporter.
Envoyer un retourVersion 1.0.3