Aller au contenu principal

Graphiques (charts)

Lagoon ne fournit pas de composant chart natif. Pour intégrer des graphiques dans une application Lagoon, utilisez un package Blazor tiers basé sur Chart.js et gardez l'intégration séparée des composants Lg*.

Package recommandé​

Le package recommandé est Kebechet.Blazor.ChartJS :

attention

Ne plus utiliser ChartJs.Blazor : ce package n'est plus maintenu et embarque Newtonsoft.Json.

Installation / intégration​

  1. Ajoutez le package NuGet Kebechet.Blazor.ChartJS au projet client.
  2. Suivez les instructions du package pour référencer Chart.js et les scripts nécessaires dans l'application.
  3. Créez un composant ou une page Blazor dédiée au graphique.
  4. Utilisez les composants et modèles fournis par Kebechet.Blazor.ChartJS ; n'inventez pas d'API Lagoon pour les charts.

Exemple d'utilisation​

L'ancienne documentation ne fournit pas d'exemple complet. Le principe d'intégration reste le suivant :

ChartsPage.razor
@inherits LgPage

<LgFrame Title="#ChartsTitle">
    <!-- Placez ici le composant fourni par Kebechet.Blazor.ChartJS. -->
</LgFrame>
ChartsPage.razor.cs
public partial class ChartsPage : LgPage
{
    // Prépare les séries et options attendues par le package de charts choisi.
    protected override void OnInitialized()
    {
        base.OnInitialized();
    }
}

Reportez-vous à la documentation du package pour les noms exacts des composants, des datasets et des options.

Voir aussi​