sgcUI sgcDashboard è disponibile ora

sgcDashboard. KPI nei riquadri. Nessun codice di layout.

Trascina i riquadri su una griglia a 12 colonne, inserisci in ciascuno una card KPI, un grafico, una mappa o un'anteprima di report, passa tutta la schermata a un tema scuro con una sola proprietà e lascia che gli utenti trascinino, ridimensionino e salvino il proprio layout. Per Delphi, C++ Builder e .NET, con codice sorgente incluso.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi da 7 a 13
Demo Basic di sgcDashboard: quattro card KPI con sparkline, un log degli eventi e un elenco di server sulla griglia di riquadri a 12 colonne
  • 12colonne nella griglia di riquadri, con span e auto-flow
  • 3origini KPI live: WebSocket, MQTT e SSE
  • 10demo: quattro per Delphi e C++ Builder, sei per .NET
  • 5framework UI: VCL, FireMonkey, WinForms, WPF, Avalonia

Tutto ciò che serve a una dashboard.

Una griglia che posiziona i riquadri per te, card che mostrano i numeri, valori direttamente dalla rete e un unico aspetto su tutta la schermata. sgcDashboard copre tutto, su ogni framework.

  • Griglia di riquadri

    Dodici colonne, span e auto-flow posizionano ogni riquadro senza una riga di codice di layout.

  • Card KPI

    Valore, freccia di tendenza, testo di tendenza e una sparkline in un solo componente, anche come PNG o SVG.

  • Valori live

    Alimenta le card dal codice, oppure da WebSocket, MQTT e SSE con il bridge sgcDashboardWS.

  • Un solo tema

    Chiaro o scuro per riquadri, card e controlli sgcUI al loro interno, con una sola proprietà.

Guardalo in azione.

Registrato dalle demo di sgcDashboard incluse nel trial.

Quattro card KPI con sparkline sopra un riquadro di log degli eventi e uno di elenco server, nel tema chiaro
Layout

Una griglia di riquadri reattiva, senza codice di layout.

  • TsgcVCLDashboard calcola la larghezza delle colonne a partire dalla larghezza disponibile e scala spazi e altezze delle righe in base ai DPI del monitor.
  • Assegna a un riquadro Col, Row, ColSpan e RowSpan, oppure lascia Col e Row a -1 e l'auto-flow lo colloca nel primo spazio libero.
  • Da destra a sinistra per arabo ed ebraico: i riquadri scorrono da destra, mentre frecce di tendenza e sparkline mantengono la loro direzione.
Demo Suite nel tema chiaro: card KPI, una linea live di sgcCharts, una mappa sgcMaps, un visualizzatore sgcPDF e un'anteprima sgcReports nei riquadri
Qualsiasi controllo in un riquadro

Metti un grafico, una mappa o un'anteprima di report in qualsiasi riquadro.

  • Un riquadro è un contenitore con un'intestazione opzionale: imposta il riquadro come parent del controllo e allinealo all'area client.
  • La demo Suite ospita sgcCharts, sgcMaps, sgcPDF e sgcReports in una sola dashboard, tutti conformi al tema della dashboard.
  • TsgcVCLKPICard mostra un valore, un'icona, una freccia di tendenza, una riga a piè di pagina e una sparkline che scorre a ogni AddValue.
Dati live

KPI live direttamente dalla rete.

  • TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT e TsgcDashboardSource_SSE leggono un numero da ogni messaggio JSON tramite ValuePath.
  • La card, la sua sparkline e la sua freccia di tendenza si aggiornano da sole, e AddValue è thread-safe quando alimenti le card dal codice.
  • I messaggi che non sono JSON valido, o il cui percorso non è un numero, vengono ignorati, così un feed rumoroso non rompe mai la schermata.
Demo del tema chiaro e scuro: riquadri e card KPI che seguono la proprietà Theme della dashboard
Temi e layout salvati

Una sola proprietà ne definisce il tema. Gli utenti lo organizzano e lo conservano.

  • Theme := utDark o utLight raggiunge ogni riquadro, ogni card KPI e i controlli sgcUI al loro interno.
  • AllowDrag e AllowResize permettono agli utenti di spostare un riquadro dalla sua intestazione e ridimensionarlo da una maniglia, agganciato alla griglia.
  • SaveLayout e LoadLayout memorizzano il layout come JSON compatto e lo ripristinano in base al nome del riquadro.

Una dashboard KPI in poche righe.

Riquadri sulla griglia, una card KPI con una sparkline in ciascuno, un tema scuro e un layout salvato. La stessa API in Delphi, C++ Builder e C#. Il trascinamento e i file di layout richiedono l'edizione Registered.

dotnet add package esegece.sgcDashboard.WinForms

Versioni C++ Builder e 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;

Parte di sgcUI.

Acquista sgcDashboard da solo, oppure ottienilo in sgcUI Professional ed Enterprise, insieme ai grafici, ai gauge e alle griglie che riempiono i suoi riquadri. Ognuno include il codice sorgente.

Da solo

sgcDashboard

La dashboard da sola, codice sorgente completo e 1 anno di aggiornamenti.

€199 / sviluppatore
Prezzi di sgcDashboard

Standard

sgcGrid, sgcNavigation, sgcToolbar e sgcEditors.

€380 / sviluppatore
Vedi Standard
Include sgcDashboard

Professional

Standard più sgcCharts, sgcDashboard e sgcGauges.

€529 / sviluppatore
Vedi Professional
Include sgcDashboard

Enterprise

Tutti i 15 prodotti sgcUI.

€699 / sviluppatore
Vedi Enterprise

Per .NET, esegece.sgcDashboard.Community su NuGet è gratuito, senza trascinamento e ridimensionamento a runtime, layout salvati e origini live. sgcDashboard è incluso anche nel Bundle All-Access.

Scopri sgcUI

Funziona con il resto di sgcUI.

Ogni prodotto sgcUI disegna con lo stesso runtime, sgcUICore, quindi i controlli nei tuoi riquadri condividono font, spaziatura, colore di accento e tema con la dashboard che li circonda.

Porta sgcDashboard nella tua applicazione oggi stesso.

Scarica il trial ed esegui le demo Basic, LiveKPI, SaveLayout e Suite con tutte le funzionalità sbloccate, oppure scopri prima tutte le funzionalità.

Le ultime dal blog

Vedi tutti gli articoli →

Stai vedendo la vista sgcDashboard di eSeGeCe.

Mostrami un altro punto di vista →
Garanzia soddisfatti o rimborsati di 30 giorniNon sei soddisfatto? Richiedi un rimborso completo entro 30 giorni dall'acquisto. Vedi la politica di rimborso