Diagram
CompleteOrganigrammes et diagrammes de flux dessinés en SVG. Les boîtes sont placées automatiquement par niveaux selon leurs connexions, ou aux X et Y que vous donnez. Avec Editable, l'utilisateur glisse les boîtes ou les déplace avec les flèches. Chaque connexion est aussi disponible sous forme de texte pour les lecteurs d'écran.
Exemple
Paramètres
| Paramètre | Type | Description |
|---|---|---|
Class | string | Classes CSS supplémentaires ajoutées à l'élément racine. |
Direction | DiagramDirection | TopDown ou LeftRight. |
Edges | IEnumerable<DiagramEdge> | Éléments DiagramEdge(from, to, text) qui relient des identifiants de nœuds. |
Editable | bool | Permet à l'utilisateur de déplacer des boîtes. |
Height | Double | Hauteur maximale du corps de la grille, par exemple 24rem (28rem par défaut avec VirtualScroll). |
Label | string | Texte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle). |
LevelSpacing | Double | Espace entre les niveaux. |
Nodes | IEnumerable<DiagramNode> | Éléments DiagramNode(id, text, shape, x, y, accent). Formes : Process, Decision, Data, Terminal. |
NodeSpacing | Double | Espace entre les boîtes d'un même niveau. |
NodeWidth | Double | Largeur de chaque boîte. |
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. |
ShowLegend | bool | Affiche la légende cliquable. |
Style | string | Style en ligne ajouté à l'élément racine. |
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). |
Événements
| Événement | Type | Description |
|---|---|---|
OnNodeMoved | EventCallback<DiagramNodeMove> | Déclenché avec l'id et la nouvelle position d'une boîte déplacée. |
Paquet
Diagram fait partie de RayCraft Complete. Paquet : RayCraft.Blazor.Complete. Il provient du flux privé RayCraft et nécessite une licence active. Voir Premiers pas.
Envoyer un retourVersion 1.0.3