sgcUI sgcDashboard ist ab sofort verfügbar

sgcDashboard. KPIs in Kacheln. Kein Layoutcode.

Lege Kacheln auf ein 12-Spalten-Raster, setze in jede eine KPI-Karte, ein Diagramm, eine Karte oder eine Berichtsvorschau, schalte den ganzen Bildschirm mit einer Eigenschaft auf ein dunkles Theme und lass Benutzer ihr eigenes Layout ziehen, skalieren und speichern. Für Delphi, C++ Builder und .NET, mit Quellcode.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 bis 13
sgcDashboard-Basic-Demo: vier KPI-Karten mit Sparklines, ein Ereignisprotokoll und eine Serverliste auf dem 12-Spalten-Kachelraster
  • 12Spalten im Kachelraster, mit Spans und Auto-Flow
  • 3Live-KPI-Quellen: WebSocket, MQTT und SSE
  • 10Demos: vier für Delphi und C++ Builder, sechs für .NET
  • 5UI-Frameworks: VCL, FireMonkey, WinForms, WPF, Avalonia

Alles, was ein Dashboard braucht.

Ein Raster, das Kacheln für dich platziert, Karten, die die Zahlen zeigen, Werte direkt aus der Leitung und ein einheitlicher Look über den ganzen Bildschirm. sgcDashboard deckt alles ab, auf jedem Framework.

  • Kachelraster

    Zwölf Spalten, Spans und Auto-Flow platzieren jede Kachel ohne eine Zeile Layoutcode.

  • KPI-Karten

    Wert, Trendpfeil, Trendtext und eine Sparkline in einer Komponente, auch als PNG oder SVG.

  • Live-Werte

    Speise Karten aus Code oder per WebSocket, MQTT und SSE mit der sgcDashboardWS-Bridge.

  • Ein Theme

    Hell oder dunkel für Kacheln, Karten und die sgcUI-Controls darin, mit einer Eigenschaft.

Sieh es laufen.

Aufgenommen aus den sgcDashboard-Demos, die der Testversion beiliegen.

Vier KPI-Karten mit Sparklines über einer Ereignisprotokoll-Kachel und einer Serverlisten-Kachel, im hellen Theme
Layout

Ein responsives Kachelraster ohne Layoutcode.

  • TsgcVCLDashboard berechnet die Spaltenbreiten aus der verfügbaren Breite und skaliert Abstände und Zeilenhöhen nach dem DPI des Monitors.
  • Gib einer Kachel Col, Row, ColSpan und RowSpan, oder lasse Col und Row auf -1, und der Auto-Flow platziert sie im ersten freien Platz.
  • Rechts nach links für Arabisch und Hebräisch: Kacheln fließen von rechts, während Trendpfeile und Sparklines ihre Richtung behalten.
Suite-Demo im hellen Theme: KPI-Karten, eine sgcCharts-Live-Linie, eine sgcMaps-Karte, ein sgcPDF-Viewer und eine sgcReports-Vorschau in Kacheln
Jedes Control in einer Kachel

Setze ein Diagramm, eine Karte oder eine Berichtsvorschau in jede Kachel.

  • Eine Kachel ist ein Container mit optionaler Kopfzeile: Setze den Parent des Controls auf die Kachel und richte es am Clientbereich aus.
  • Die Suite-Demo hostet sgcCharts, sgcMaps, sgcPDF und sgcReports in einem Dashboard, alle folgen dem Dashboard-Theme.
  • TsgcVCLKPICard zeigt einen Wert, ein Symbol, einen Trendpfeil, eine Fußzeile und eine Sparkline, die mit jedem AddValue.
Live-Daten

Live-KPIs direkt aus der Leitung.

  • TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT und TsgcDashboardSource_SSE lesen aus jeder JSON-Nachricht eine Zahl über ValuePath.
  • Die Karte, ihre Sparkline und ihr Trendpfeil aktualisieren sich von selbst, und AddValue ist threadsicher, wenn du Karten aus Code speist.
  • Nachrichten, die kein gültiges JSON sind oder deren Pfad keine Zahl ist, werden ignoriert, sodass ein verrauschter Feed nie den Bildschirm stört.
Demo mit hellem und dunklem Theme: Kacheln und KPI-Karten folgen der Dashboard-Eigenschaft Theme
Themes und gespeicherte Layouts

Eine Eigenschaft setzt das Theme. Benutzer ordnen es an und behalten es.

  • Theme := utDark oder utLight erreicht jede Kachel, jede KPI-Karte und die sgcUI-Controls darin.
  • AllowDrag und AllowResize lassen Benutzer eine Kachel an ihrer Kopfzeile verschieben und an einem Griff skalieren, am Raster ausgerichtet.
  • SaveLayout und LoadLayout speichern das Layout als kompaktes JSON und stellen es anhand des Kachelnamens wieder her.

Ein KPI-Dashboard in wenigen Zeilen.

Kacheln auf dem Raster, in jeder eine KPI-Karte mit Sparkline, ein dunkles Theme und ein gespeichertes Layout. Dieselbe API in Delphi, C++ Builder und C#. Ziehen und Layoutdateien erfordern die Registered-Edition.

dotnet add package esegece.sgcDashboard.WinForms

C++ Builder- und C#-Versionen

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;

Teil von sgcUI.

Kaufe sgcDashboard einzeln oder erhalte es in sgcUI Professional und Enterprise, neben den Diagrammen, Gauges und Grids, die seine Kacheln füllen. Jede Edition enthält den Quellcode.

Einzeln

sgcDashboard

Das Dashboard einzeln, mit vollständigem Quellcode und 1 Jahr Updates.

€199 / Entwickler
sgcDashboard-Preise

Standard

sgcGrid, sgcNavigation, sgcToolbar und sgcEditors.

€380 / Entwickler
Standard ansehen
Enthält sgcDashboard

Professional

Standard plus sgcCharts, sgcDashboard und sgcGauges.

€529 / Entwickler
Professional ansehen
Enthält sgcDashboard

Enterprise

Alle 15 sgcUI-Produkte.

€699 / Entwickler
Enterprise ansehen

Für .NET ist esegece.sgcDashboard.Community auf NuGet kostenlos, ohne Ziehen und Skalieren zur Laufzeit, gespeicherte Layouts und die Live-Quellen. sgcDashboard ist außerdem im All-Access-Bundle.

sgcUI entdecken

Arbeitet mit dem Rest von sgcUI zusammen.

Jedes sgcUI-Produkt zeichnet mit derselben Runtime, sgcUICore. So teilen die Controls in deinen Kacheln Schriften, Abstände, Akzentfarbe und Theme mit dem Dashboard um sie herum.

Setze sgcDashboard noch heute in deiner eigenen Anwendung ein.

Lade die Testversion herunter und starte die Demos Basic, LiveKPI, SaveLayout und Suite mit allen freigeschalteten Funktionen, oder sieh dir zuerst alle Funktionen an.

Neues aus dem Blog

Alle Beiträge ansehen →

Du siehst gerade die Ansicht sgcDashboard von eSeGeCe.

Zeig mir eine andere Perspektive →
30 Tage Geld-zurück-GarantieNicht zufrieden? Fordere innerhalb von 30 Tagen nach dem Kauf eine vollständige Rückerstattung an. Rückerstattungsrichtlinie ansehen