sgcUI sgcDashboard est disponible dès maintenant

sgcDashboard. Des KPI dans des tuiles. Aucun code de mise en page.

Dépose des tuiles sur une grille de 12 colonnes, place dans chacune une carte KPI, un graphique, une carte ou un aperçu de rapport, passe tout l'écran en thème sombre avec une seule propriété, et laisse les utilisateurs déplacer, redimensionner et enregistrer leur propre disposition. Pour Delphi, C++ Builder et .NET, avec le code source inclus.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 à 13
Démo Basic de sgcDashboard : quatre cartes KPI avec sparklines, un journal d'événements et une liste de serveurs sur la grille de tuiles de 12 colonnes
  • 12colonnes sur la grille de tuiles, avec étendues et placement automatique
  • 3sources KPI en direct : WebSocket, MQTT et SSE
  • 10démos : quatre pour Delphi et C++ Builder, six pour .NET
  • 5frameworks d'interface : VCL, FireMonkey, WinForms, WPF, Avalonia

Tout ce qu'il faut à un tableau de bord.

Une grille qui place les tuiles pour toi, des cartes qui affichent les chiffres, des valeurs directement issues du réseau et une seule apparence sur tout l'écran. sgcDashboard couvre tout cela, sur chaque framework.

  • Grille de tuiles

    Douze colonnes, étendues et auto-flow placent chaque tuile sans une ligne de code de mise en page.

  • Cartes KPI

    Valeur, flèche de tendance, texte de tendance et sparkline dans un seul composant, aussi en PNG ou SVG.

  • Valeurs en direct

    Alimente les cartes depuis le code, ou depuis WebSocket, MQTT et SSE avec le pont sgcDashboardWS.

  • Un seul thème

    Clair ou sombre pour les tuiles, les cartes et les contrôles sgcUI qu'elles contiennent, avec une seule propriété.

Regarde-la en action.

Enregistré à partir des démos sgcDashboard fournies avec l'essai.

Quatre cartes KPI avec sparklines au-dessus d'une tuile de journal d'événements et d'une tuile de liste de serveurs, en thème clair
Disposition

Une grille de tuiles adaptative sans code de mise en page.

  • TsgcVCLDashboard calcule la largeur des colonnes à partir de la largeur disponible et met à l'échelle les espacements et les hauteurs de ligne selon le DPI du moniteur.
  • Donne à une tuile Col, Row, ColSpan et RowSpan, ou laisse Col et Row à -1 et le placement automatique la met dans le premier emplacement libre.
  • De droite à gauche pour l'arabe et l'hébreu : les tuiles se placent depuis la droite, tandis que les flèches de tendance et les sparklines gardent leur sens.
Démo Suite en thème clair : cartes KPI, une courbe en direct sgcCharts, une carte sgcMaps, un visualiseur sgcPDF et un aperçu sgcReports dans des tuiles
N'importe quel contrôle dans une tuile

Place un graphique, une carte ou un aperçu de rapport dans n'importe quelle tuile.

  • Une tuile est un conteneur avec un en-tête facultatif : définis la tuile comme parent du contrôle et aligne-le sur la zone client.
  • La démo Suite héberge sgcCharts, sgcMaps, sgcPDF et sgcReports dans un seul tableau de bord, tous suivant le thème du tableau de bord.
  • TsgcVCLKPICard affiche une valeur, une icône, une flèche de tendance, une ligne de pied et une sparkline qui défile à chaque AddValue.
Données en direct

Des KPI en direct, tout droit du réseau.

  • TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT et TsgcDashboardSource_SSE lisent un nombre dans chaque message JSON via ValuePath.
  • La carte, sa sparkline et sa flèche de tendance se mettent à jour d'elles-mêmes, et AddValue est thread-safe quand tu alimentes les cartes depuis le code.
  • Les messages qui ne sont pas du JSON valide, ou dont le chemin n'est pas un nombre, sont ignorés, donc un flux bruyant ne casse jamais l'écran.
Démo des thèmes clair et sombre : tuiles et cartes KPI suivant la propriété Theme du tableau de bord
Thèmes et dispositions enregistrées

Une propriété applique le thème. Les utilisateurs l'organisent et la conservent.

  • Theme := utDark ou utLight atteint chaque tuile, chaque carte KPI et les contrôles sgcUI qu'elles contiennent.
  • AllowDrag et AllowResize permettent aux utilisateurs de déplacer une tuile par son en-tête et de la redimensionner par une poignée, aimantée à la grille.
  • SaveLayout et LoadLayout enregistrent la disposition en JSON compact et la restaurent par nom de tuile.

Un tableau de bord KPI en quelques lignes.

Des tuiles sur la grille, une carte KPI avec une sparkline dans chacune, un thème sombre et une disposition enregistrée. La même API en Delphi, C++ Builder et C#. Le glisser-déposer et les fichiers de disposition demandent l'édition Registered.

dotnet add package esegece.sgcDashboard.WinForms

Versions C++ Builder et C#

uses
  SysUtils, Controls, sgcUICore_Theme, sgcDashboard_KPI,
  sgcDashboard_VCL, sgcDashboard_KPI_VCL;

procedure AddKPI(aDash: TsgcVCLDashboard; const aName, aTitle, aValue,
  aChange: string; aCol: Integer; aTrend: TsgcDashboardKPITrend);
var
  oTile: TsgcVCLDashboardTile;
  oCard: TsgcVCLKPICard;
begin
  oTile := TsgcVCLDashboardTile.Create(aDash.Owner);
  oTile.Name := aName;
  oTile.Parent := aDash;
  oTile.Col := aCol;
  oTile.ColSpan := 4;
  oTile.Title := aTitle;
  oCard := TsgcVCLKPICard.Create(aDash.Owner);
  oCard.Parent := oTile;
  oCard.Align := alClient;
  oCard.Value := aValue;
  oCard.Trend := aTrend;
  oCard.TrendValue := aChange;
  oCard.AddValue(47);
  oCard.AddValue(52);
end;

procedure BuildDashboard(aOwner: TWinControl);
var
  oDash: TsgcVCLDashboard;
begin
  oDash := TsgcVCLDashboard.Create(aOwner);
  oDash.Parent := aOwner;
  oDash.Align := alClient;
  // drag, resize and layout files need the Registered edition
  oDash.AllowDrag := True;
  AddKPI(oDash, 'tileRevenue', 'Revenue', '12,480 USD', '+4.2 %', 0, ktUp);
  AddKPI(oDash, 'tileOrders', 'Orders', '1,284', '+8.1 %', 4, ktUp);
  oDash.Theme := utDark;
  if FileExists('layout.json') then
    oDash.LoadLayoutFromFile('layout.json');
  oDash.SaveLayoutToFile('layout.json');
end;

Fait partie de sgcUI.

Achète sgcDashboard seul, ou obtiens-le dans sgcUI Professional et Enterprise, aux côtés des graphiques, jauges et grilles qui remplissent ses tuiles. Chacun est fourni avec le code source.

Seule

sgcDashboard

Le tableau de bord seul, avec le code source complet et 1 an de mises à jour.

€199 / développeur
Tarifs de sgcDashboard

Standard

sgcGrid, sgcNavigation, sgcToolbar et sgcEditors.

€380 / développeur
Voir Standard
Inclut sgcDashboard

Professional

Standard plus sgcCharts, sgcDashboard et sgcGauges.

€529 / développeur
Voir Professional
Inclut sgcDashboard

Enterprise

Les 15 produits sgcUI.

€699 / développeur
Voir Enterprise

Pour .NET, esegece.sgcDashboard.Community sur NuGet est gratuit, sans glisser-déposer ni redimensionnement à l'exécution, sans dispositions enregistrées ni sources en direct. sgcDashboard figure aussi dans le bundle All-Access.

Découvrir sgcUI

Mets sgcDashboard dans ta propre application dès aujourd'hui.

Télécharge l'essai et lance les démos Basic, LiveKPI, SaveLayout et Suite avec toutes les fonctionnalités débloquées, ou parcours d'abord toutes les fonctionnalités.

Les derniers articles du blog

Voir tous les articles →

Tu vois la vue sgcDashboard d'eSeGeCe.

Montre-moi un autre angle →
Garantie satisfait ou remboursé de 30 joursPas satisfait ? Demandez un remboursement intégral dans les 30 jours suivant l'achat. Voir la politique de remboursement