Delphi, C++ Builder & .NET Onderdeel van sgcUI

sgcDashboard, dashboards en KPI-kaarten voor Delphi, C++ Builder & .NET

Bouw een bedrijfsdashboard zonder indelingscode. Zet tegels op een raster van 12 kolommen, plaats in elke tegel een KPI-kaart, een grafiek, een kaart of een rapportvoorbeeld, schakel het hele scherm met één eigenschap over op een donker thema en laat gebruikers hun eigen indeling slepen, aanpassen en opslaan.

VCL, FireMonkey, WinForms, WPF, AvaloniaTegelraster met 12 kolommen en auto-flowKPI-kaarten als PNG of SVG, ook op Linux64Inbegrepen in sgcUI Professional
Basic-demo: dashboardtegels en KPI-kaarten in een responsief raster

Alles wat een dashboard nodig heeft

Elf mogelijkheden in vier groepen, met de echte component- en eigenschapsnamen en een link naar elk helponderwerp. Functies met het label Geregistreerd zitten niet in de gratis .NET Community-build.

Indeling en inhoud

Een raster dat tegels voor je plaatst, en kaarten die de cijfers tonen.

sgcDashboard Basic-demo met zes tegels en vier KPI-kaarten op het raster met 12 kolommen

Indeling en inhoud

Een responsief tegelraster zonder indelingscode

Een dashboard is een raster van tegels dat bij elk venstervormaat en elke DPI netjes moet blijven. Zet een dashboard op het formulier, voeg tegels toe en geef elk een kolom, een rij en een span. Het raster berekent kolombreedtes uit de beschikbare breedte, schaalt tussenruimtes en rijhoogtes met de monitor-DPI en scrolt verticaal wanneer de tegels meer rijen nodig hebben dan er passen. Overlappende tegels worden steeds een rij naar beneden geduwd, nooit over elkaar heen. Omdat de indeling in één engine zit, geven dezelfde tegelcellen dezelfde opstelling in VCL, FireMonkey en de .NET-weergaven.

  • TsgcVCLDashboard met Columns (standaard 12), RowHeight (120), Gap en Padding (12)
  • TsgcVCLDashboardTile met Col, Row, ColSpan en RowSpan
  • Een verborgen tegel (Visible False) neemt geen cel in
  • Geplaatste cellen en rechthoeken zijn te lezen via Layout.PlacedCell en Layout.Rect
Het helponderwerp lezen
Dashboard met vier KPI-tegels met sparklines, een gebeurtenislogboek en een serverlijst

Indeling en inhoud

Voeg tegels toe en laat auto-flow ze plaatsen

Wanneer de inhoud van een dashboard van de gebruiker of de gegevens afhangt, wil je geen coördinaten berekenen. Laat de kolom en rij van een tegel op -1 staan en auto-flow zet hem op de eerste vrije plek, waarbij rijen van boven en kolommen van links worden gescand. Leg alleen de kolom vast en de tegel valt op de eerste vrije rij in die kolom. Meng vaste en vloeiende tegels op hetzelfde dashboard.

  • AutoFlow staat standaard aan; een nieuwe tegel begint op Col en Row -1 met een span van 3 bij 2
  • Expliciete cellen worden eerst geplaatst, vloeiende tegels vullen de resterende ruimte
  • Spans worden begrensd, zodat een tegel nooit voorbij de laatste kolom komt
  • Dezelfde indelingsengine, TsgcDashboardLayout, stuurt VCL, FireMonkey en .NET aan
  • Rechts naar links voor Arabisch en Hebreeuws: tegels stromen vanaf rechts en de tegelkoppen en KPI-kaarten zijn gespiegeld, terwijl trendpijlen en sparklines hun richting behouden
Het helponderwerp lezen
Dashboardtegels met een kaart, een PDF-viewer en een rapportvoorbeeld

Indeling en inhoud

Zet elk besturingselement in een tegel

Een tegel is een container met een optionele kop, dus hij kan alles hosten wat je scherm nodig heeft: een grafiek, een grid, een kaart, een PDF-viewer, een rapportvoorbeeld of een gewone memo. Zet de parent van het besturingselement op de tegel en lijn het uit op het clientgebied. De Suite-demo host sgcCharts, sgcMaps, sgcPDF en sgcReports in één dashboard, die allemaal het dashboardthema volgen. Een tegel kan zijn kop weglaten voor een schone grafiek over de volle breedte, of hem behouden als titelbalk. Het dashboard groeit met rijen en scrolt verticaal naarmate je tegels toevoegt.

  • Title en ShowHeader op elke tegel
  • Met ParentTheme volgt een tegel het dashboard of houdt hij zijn eigen Theme
  • sgcUI-besturingselementen in een tegel nemen het lichte of donkere thema over
  • Werkt hetzelfde met TsgcFMXDashboardTile op FireMonkey
Het helponderwerp lezen
Vier KPI-kaarten met waarden, trendpijlen en sparklines

Indeling en inhoud

KPI-kaarten met trend en sparkline

Elk dashboard opent met een rij cijfers die ertoe doen: omzet, bestellingen, klantverloop, reactietijd. Een KPI-kaart toont de waarde groot, een pictogram, een trendpijl met tekst, een voetregel en een kleine sparkline van recente waarden, in één component. Roep AddValue aan zodra nieuwe cijfers binnenkomen en de sparkline scrolt; MaxPoints bepaalt hoeveel historie hij bewaart. Met AccentColor geef je een kaart een kleur die past bij wat hij meet en de kaart volgt het lichte of donkere thema van het dashboard waarin hij staat.

  • TsgcVCLKPICard met Title, Value, Icon, FooterText en AccentColor
  • Trend: ktUp, ktDown of ktNeutral, met TrendValue-tekst
  • AddValue, ClearValues en MaxPoints voor de sparkline
  • AddValue is threadveilig, dus een workerthread kan hem voeden
Het helponderwerp lezen

Gebruikersindelingen en live gegevens

Laat gebruikers hun eigen startpagina inrichten en bewaren, en voed hem rechtstreeks vanaf de lijn.

Gebruikersindelingen en live gegevens Alleen geregistreerd

Gebruikers slepen en passen de tegels aan

Op een gedeelde startpagina wil elke gebruiker andere cijfers vooraan. Zet slepen aan en de gebruiker verplaatst een tegel via zijn kop; zet formaat wijzigen aan en een greep in de hoek wijzigt zijn span. Terwijl de muis beweegt, wordt de doelcel onder de tegels getekend en klikt de tegel vast op het raster. Escape annuleert. Tegels die je als vergrendeld markeert, verplaatsen nooit. Combineer het met de opgeslagen indelingen hieronder en elke gebruiker houdt de startpagina die hij heeft ingericht, terwijl jij bepaalt welke tegels bestaan.

  • AllowDrag en AllowResize op het dashboard
  • Locked op een tegel houdt hem op zijn plaats
  • OnLayoutChanged wordt aangeroepen na elke sleep- of formaatwijziging
  • Zelfde gedrag op het FireMonkey-dashboard

Community bouwt een vaste indeling vanuit code; slepen en formaat wijzigen tijdens runtime zijn geregistreerd.

Het helponderwerp lezen

Gebruikersindelingen en live gegevens Alleen geregistreerd

Sla de indeling van elke gebruiker op en herstel hem

Een indeling die de gebruiker heeft ingericht, moet na een herstart terugkomen. Eén aanroep schrijft de rastermaten en, voor elke benoemde tegel, zijn cel en zichtbaarheid als compacte JSON; een andere past hem toe. Tegels worden op naam gekoppeld, onbekende namen worden genegeerd en tegels die in de tekst ontbreken houden hun cellen, zodat een oudere opgeslagen indeling nog laadt nadat je in een nieuwe versie een tegel toevoegt. De JSON is klein en leesbaar, dus je kunt een standaardindeling met de toepassing meeleveren en een resetknop aanbieden die hem opnieuw laadt.

  • SaveLayout en LoadLayout geven een JSON-tekenreeks terug en passen hem toe
  • SaveLayoutToFile, LoadLayoutFromFile, SaveLayoutToStream, LoadLayoutFromStream
  • UTF-8 zonder BOM bij opslaan, een BOM wordt bij laden overgeslagen
  • Bewaar de tekenreeks per gebruiker in een bestand, het register of je database
Het helponderwerp lezen

Gebruikersindelingen en live gegevens Alleen geregistreerd

Live KPI's rechtstreeks vanaf de lijn

Operationele schermen tonen waarden die elke seconde veranderen. De sgcDashboardWS-bridge leest een getal uit elk JSON-bericht van een sgcWebSockets-client en zet het in een kaart, sparkline inbegrepen. De trendpijl volgt vanzelf de vorige waarde. Op Delphi 2010 en later lopen de tekstupdates in de hoofdthread, dus de client kan elke threadingmodus gebruiken. Berichten die geen geldige JSON zijn, of waarvan het pad geen getal is, worden genegeerd, zodat een rumoerige feed het scherm nooit breekt.

  • TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT (met Topic) en TsgcDashboardSource_SSE
  • ValuePath zoals data.items[0].value, ValueFormat standaard %.2f
  • TitlePath en TrendValuePath kopiëren meer velden naar de kaart
  • Gebeurtenis OnValue na elke update

De bridge vereist sgcWebSockets. Voed in Community kaarten vanuit code met Value en AddValue.

Het helponderwerp lezen

Thema's, afbeeldingen en platformen

Eén uitstraling over het hele scherm, dezelfde kaarten als afbeeldingen, hetzelfde ontwerp op elk doel.

sgcDashboard-tegels met KPI-sparklines, een live grafiek, een kaart, een PDF-viewer en een rapportvoorbeeld in het donkere thema

Thema's, afbeeldingen en platformen

Eén eigenschap geeft het hele dashboard een thema

Een donkere controlekamer en een heldere kantoorruimte hebben hetzelfde scherm nodig in twee uitstralingen. Stel het dashboardthema in en het bereikt elke tegel, elke KPI-kaart en de sgcUI-besturingselementen erin, zodat grafieken, meters en grids samen omschakelen. Het thematype is hetzelfde als dat van elk sgcUI-product, dus een hele toepassing kan één instelling volgen. Tegels die moeten opvallen kunnen een eigen thema houden terwijl de rest van het dashboard het globale volgt.

  • Theme := utDark of utLight op het dashboard
  • Tegels volgen met ParentTheme, of houden hun eigen Theme
  • KPI-kaarten en headless KPI-afbeeldingen gebruiken hetzelfde palet
  • Wijzig het tijdens runtime, bijvoorbeeld met een dag-en-nachtschakelaar
Het helponderwerp lezen

Thema's, afbeeldingen en platformen

KPI-kaarten als afbeeldingen voor e-mail en web

De cijfers op het dashboard zijn vaak ook elders nodig: in de ochtendrapportmail, op een intranetpagina of in een PDF. TsgcDashboardKPI rendert dezelfde kaart zonder venster en zonder VCL of FireMonkey, dus een consoleprogramma, een Windows-service of een Linux64-server kan hem produceren. Breedte en hoogte zijn logische pixels en een schaalfactor geeft scherpe afbeeldingen met hoge DPI. Gebruik het voor geplande rapporten: bouw de kaarten uit dezelfde queries die je dashboard gebruikt en voeg de afbeeldingen toe aan het bericht.

  • SaveToPNG naar een bestand of stream, bijvoorbeeld 320 bij 160 op schaal 2 voor een afbeelding van 640 bij 320
  • SaveToSVG voor scherpe vectoruitvoer
  • Card.KPI.SaveToPNG slaat op wat een kaart op het scherm toont
  • Bouwt op elk platform, Linux64 inbegrepen
Het helponderwerp lezen

Thema's, afbeeldingen en platformen

Hetzelfde dashboard op desktop, mobiel en .NET

Schrijf het dashboard één keer en hergebruik het ontwerp. Het FireMonkey-dashboard, de tegels en de KPI-kaarten draaien op Windows, macOS, iOS en Android en de .NET-port biedt dezelfde klassen voor WinForms, WPF en Avalonia. Omdat één indelingsengine overal de cellen berekent, betekent een opgeslagen indeling op elk doel hetzelfde. De demo's worden voor elk doel in dezelfde set geleverd: Basic, LiveKPI, SaveLayout en Suite voor Delphi en C++ Builder, plus WinForms-, WPF- en Avalonia-versies in .NET.

  • TsgcFMXDashboard, TsgcFMXDashboardTile, TsgcFMXKPICard
  • TsgcWinFormsDashboard, TsgcWinFormsKPICard en hun WPF- en Avalonia-tegenhangers
  • Delphi 7 tot 13 VCL, FireMonkey vanaf XE6, C++ Builder 2007 tot 13
  • .NET Framework 4.7.2, .NET 8, .NET 9 en .NET 10
Het helponderwerp lezen

Toegankelijkheid

UI Automation voor schermlezers, het toetsenbord en hoog contrast, zonder configuratie.

Toegankelijkheid

Beweeg door tegels en rangschik ze zonder muis

sgcDashboard biedt het dashboard en zijn tegels aan Microsoft UI Automation aan met hun titels en positie, het besturingselement dat in elke tegel wordt gehost, en de KPI-kaarten met titel, waarde, eenheid en trend.

  • Pijltoetsen gaan tussen tegels, Home en End naar de eerste of laatste tegel en Enter verplaatst de focus naar de tegel met focus
  • Ctrl+Shift+pijltoetsen verplaatsen de tegel (AllowDrag) en Alt+Shift+pijltoetsen wijzigen het formaat (AllowResize), tenzij het dashboard is vergrendeld
  • Het dashboard is een tabstop en toont een zichtbare focusring
  • Onder een Windows-thema met hoog contrast gebruikt de tegelomlijsting de systeemkleuren, en worden de accent- en trendkleuren van de KPI-kaarten vervangen door systeemkleuren

Toegankelijkheid staat standaard aan in elke editie, ook in de gratis Community-editie, op VCL in elke Delphi- en C++Builder-versie van Delphi 7 tot en met Delphi 13, op FireMonkey op Windows, en op WinForms, WPF en Avalonia. In Delphi en C++Builder stellen AccessibleName en AccessibleDescription de naam en de beschrijving in die aan UI Automation worden aangeboden, en in .NET doen de standaard toegankelijke naam en helptekst van elk framework hetzelfde. Zie de toegankelijkheidsrapporten.

Het helponderwerp lezen

Zie sgcDashboard in actie

sgcDashboard in de sgcUI suite-demo's: complete applicaties die offline draaien met ingebouwde gesimuleerde gegevens.

Wie bouwt er met sgcDashboard

Directie- en verkoopdashboards in een ERP

De startpagina van een ERP toont omzet, openstaande bestellingen, achterstallige facturen en klantverloop als KPI-kaarten met trendpijlen, met daaronder in tegels een verkoopgrafiek en een grid met topklanten. Elke nacht rendert een service dezelfde kaarten als PNG voor de managementmail, met dezelfde cijfers en kleuren als op het scherm.

  • KPI-kaarten
  • Elk besturingselement in een tegel
  • Headless KPI-afbeeldingen
  • Thema's
Start de Suite-demo

Controlekamers voor operatie en IoT

Een wandscherm in een fabriek toont doorvoer van de lijn, temperaturen en alarmaantallen. MQTT-bronnen zetten elke meting in zijn kaart zodra ze binnenkomt, de sparklines tonen de laatste minuten en een donker thema houdt de ruimte 's nachts rustig. Meters en grafieken in naastgelegen tegels volgen hetzelfde thema.

  • MQTT-bron
  • Sparklines
  • Donker thema
  • Meters in tegels
Start de LiveKPI-demo

Persoonlijke startpagina's in desktop-SaaS-clients

In een desktopclient die door veel rollen wordt gebruikt, sleept elke gebruiker de tegels die ertoe doen naar boven, past hij de grafiek aan die hij het meest bekijkt en verbergt hij de rest. De indeling wordt per gebruiker als JSON opgeslagen en bij de volgende aanmelding hersteld, en nieuwe tegels die in een update worden toegevoegd, vloeien gewoon in vrije ruimte.

  • Slepen en formaat wijzigen
  • SaveLayout and LoadLayout
  • Auto-flow
Start de SaveLayout-demo

Een KPI-dashboard in een paar regels

Dezelfde API in Delphi, C++ Builder en C#: tegels op het raster, in elk een KPI-kaart met een sparkline, een donker thema en een opgeslagen indeling. Slepen en indelingsbestanden vereisen de geregistreerde editie.

Tegels op het raster met 12 kolommen met in elk een KPI-kaart, een donker thema en de indeling opgeslagen in een bestand. Slepen en indelingsbestanden vereisen de geregistreerde editie.

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;

Het helponderwerp lezen →

Hetzelfde dashboard in C++ Builder met de gegenereerde headers.

#include <vcl.h>
#include "sgcUICore_Theme.hpp"
#include "sgcDashboard_KPI.hpp"
#include "sgcDashboard_VCL.hpp"
#include "sgcDashboard_KPI_VCL.hpp"

void AddKPI(TsgcVCLDashboard *aDash, const String aName, const String aTitle,
  const String aValue, const String aChange, int aCol,
  TsgcDashboardKPITrend aTrend)
{
  TsgcVCLDashboardTile *oTile = new TsgcVCLDashboardTile(aDash->Owner);
  oTile->Name = aName;
  oTile->Parent = aDash;
  oTile->Col = aCol;
  oTile->ColSpan = 4;
  oTile->Title = aTitle;
  TsgcVCLKPICard *oCard = new TsgcVCLKPICard(aDash->Owner);
  oCard->Parent = oTile;
  oCard->Align = alClient;
  oCard->Value = aValue;
  oCard->Trend = aTrend;
  oCard->TrendValue = aChange;
  oCard->AddValue(47);
  oCard->AddValue(52);
}

void BuildDashboard(TWinControl *aOwner)
{
  TsgcVCLDashboard *oDash = new TsgcVCLDashboard(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"))
    oDash->LoadLayoutFromFile("layout.json");
  oDash->SaveLayoutToFile("layout.json");
}

Het helponderwerp lezen →

De WinForms-versie in C#, met dezelfde klassenamen als Delphi.

using System.Windows.Forms;
using esegece.sgcDashboard;
using esegece.sgcUICore;

public static class KpiDashboard
{
    // One KPI tile with a sparkline, placed on the dashboard grid.
    static void AddKPI(TsgcWinFormsDashboard aDash, string aName, string aTitle,
        string aValue, string aChange, int aCol, TsgcDashboardKPITrend aTrend)
    {
        var oTile = new TsgcWinFormsDashboardTile();
        oTile.Name = aName;
        oTile.Title = aTitle;
        oTile.Col = aCol;
        oTile.ColSpan = 4;
        var oCard = new TsgcWinFormsKPICard();
        oCard.Dock = DockStyle.Fill;
        oCard.Value = aValue;
        oCard.Trend = aTrend;
        oCard.TrendValue = aChange;
        oCard.AddValue(47);
        oCard.AddValue(52);
        oTile.Controls.Add(oCard);
        aDash.Controls.Add(oTile);
    }

    public static void Build(Form aForm)
    {
        var oDash = new TsgcWinFormsDashboard();
        oDash.Dock = DockStyle.Fill;
        oDash.Theme = TsgcUITheme.utDark;
        oDash.AllowDrag = true; // drag and layout files: Registered edition
        AddKPI(oDash, "tileRevenue", "Revenue", "12,480 USD", "+4.2 %", 0, TsgcDashboardKPITrend.ktUp);
        AddKPI(oDash, "tileOrders", "Orders", "1,284", "+8.1 %", 4, TsgcDashboardKPITrend.ktUp);
        AddKPI(oDash, "tileChurn", "Churn", "2.4 %", "-0.3 %", 8, TsgcDashboardKPITrend.ktDown);
        aForm.Controls.Add(oDash);
        if (System.IO.File.Exists("layout.json"))
            oDash.LoadLayoutFromFile("layout.json");
        oDash.SaveLayoutToFile("layout.json");
    }
}
dotnet add package esegece.sgcDashboard.WinForms

Het helponderwerp lezen →

Probeer de sgcDashboard-demo's uit

Vier demo's voor Delphi en C++ Builder en zes voor .NET, allemaal in de download met gecompileerde demo's.

Basic

Basic

Zes tegels en vier KPI-kaarten op het raster met 12 kolommen, met een logboek en een lijst in de andere tegels. De snelste manier om de indelingsengine en de themaschakelaar te zien.

Alleen geregistreerd LiveKPI

KPI-kaarten gevoed door de sgcDashboardWS-bridge, met tikkende waarden en groeiende sparklines naarmate berichten binnenkomen. Vereist sgcWebSockets.

Alleen geregistreerd SaveLayout

Sleep tegels aan hun kop, pas ze aan met de greep, sla de indeling op als JSON, start de demo opnieuw en zie hem hersteld.

Suite

Een grafiek, een kaart, een PDF-viewer, een rapportvoorbeeld en KPI-kaarten van andere sgcUI-producten in één dashboard met thema.

.NET-demo's

Basic, BasicWpf, BasicAvalonia, LiveKPI, SaveLayout en Suite voor WinForms, WPF en Avalonia.

Gecompileerde demo's

Direct uitvoerbare programma's van elk sgcUI-product, zonder installatie.

sgcUI_bin.zip downloaden →

Waar sgcDashboard in zit

sgcDashboard zit in sgcUI Professional en Enterprise en wordt ook los verkocht. sgcDashboard is ook opgenomen in de All-Access-bundel.

sgcDashboard los pakket

€199 / ontwikkelaar, volledige broncode, 1 jaar updates.

sgcDashboard kopen → Prijzen bekijken →

sgcUI Professional

Standard plus sgcDashboard, sgcCharts en sgcGauges, vanaf €529.

Professional bekijken →

sgcUI Enterprise

Alle 14 sgcUI-producten, vanaf €699.

Enterprise bekijken →

De gratis Community-editie (esegece.sgcDashboard.Community op NuGet) bevat het raster, tegels, KPI-kaarten met sparklines, headless PNG en SVG en thema's. Slepen en formaat wijzigen tijdens runtime, SaveLayout en LoadLayout en de sgcDashboardWS-bridge ontbreken.

FunctieCommunity (gratis)Geregistreerd
Tegelraster met spans en auto-flow✓✓
KPI-kaarten met trend en sparkline✓✓
Lichte en donkere thema's✓✓
Headless KPI-kaarten als PNG en SVG✓✓
Slepen en formaat wijzigen van tegels tijdens runtime−✓
SaveLayout and LoadLayout−✓
sgcDashboardWS-live bronnen (WebSocket, MQTT, SSE)−✓

Ondersteunde frameworks en platformen

Componenten in sgcDashboard

ComponentWat het is
TsgcVCLDashboard, TsgcFMXDashboardDe rastercontainer voor VCL en FireMonkey.
TsgcVCLDashboardTile, TsgcFMXDashboardTileEen tegel met een titel die elk besturingselement host.
TsgcVCLKPICard, TsgcFMXKPICardEen KPI-kaart met trend, voettekst en sparkline.
TsgcDashboardKPIDe frameworkneutrale, headless KPI-kaart met PNG- en SVG-export.
TsgcDashboardLayoutDe indelingsengine, ook beschikbaar op Linux64.
TsgcDashboardSource_WebSocket, _MQTT, _SSELive KPI-bronnen van de sgcDashboardWS-bridge (alleen geregistreerd).
DoelComponentPlatformen
Delphi 7 tot 13, VCLTsgcVCLDashboardWin32 en Win64
Delphi XE6 tot 13, FireMonkeyTsgcFMXDashboardWindows, macOS, iOS en Android
C++ Builder 2007 tot 13TsgcVCLDashboard, TsgcFMXDashboardGegenereerde .hpp-headers en statische bibliotheken
Delphi 10.2 tot 13, frameworkneutraalTsgcDashboardLayout, TsgcDashboardKPILinux64, indelingsengine en headless KPI-kaarten
.NET Framework 4.7.2, .NET 8, 9 en 10TsgcWinFormsDashboard, WPF- en Avalonia-tegenhangersWinForms, WPF en Avalonia

Veelgestelde vragen

Ja, in de geregistreerde editie. Met AllowDrag en AllowResize verplaatsen gebruikers tegels via de kop en passen ze ze aan met een greep, en SaveLayoutToFile of SaveLayout slaan het resultaat op als JSON. LoadLayout herstelt het op tegelnaam, zodat indelingen nieuwe versies van je toepassing overleven.

Elk besturingselement. Een tegel is een container: zet de parent van het besturingselement op de tegel en lijn het uit op het clientgebied. De Suite-demo host een grafiek, een kaart, een PDF-viewer en een rapportvoorbeeld, en sgcUI-besturingselementen in een tegel volgen het dashboardthema.

Stel vanuit code Value in en roep AddValue aan, dat threadveilig is. Met de geregistreerde editie en sgcWebSockets lezen de sgcDashboardWS-bronnen met ValuePath een getal uit elk WebSocket-, MQTT- of SSE-bericht en werken ze de kaart en zijn trend voor je bij.

De dashboards en tegels, de rasterindeling met auto-flow, KPI-kaarten met sparklines, headless PNG en SVG en de thema's. Slepen en formaat wijzigen tijdens runtime, SaveLayout en LoadLayout en de sgcDashboardWS-bridge ontbreken. Zie Edities.

Ja. TsgcFMXDashboard, zijn tegels en de KPI-kaarten draaien op FireMonkey vanaf Delphi XE6 op Windows, macOS, iOS en Android, met dezelfde indelingsengine als het VCL-dashboard. Afmetingen zijn apparaatonafhankelijk en volgen de formulierschaal.

Ja. TsgcDashboardKPI tekent een kaart zonder venster en zonder VCL of FireMonkey en schrijft PNG of SVG naar een bestand of stream. Hij bouwt op elk platform, Linux64 inbegrepen, zodat een service of webserver de afbeeldingen kan produceren.

Ja. Alle afmetingen zijn apparaatonafhankelijke pixels. Het VCL-dashboard schaalt ze met de monitor-PPI gedeeld door 96 en het FireMonkey-dashboard met de formulierschaal, zodat tegels, tussenruimtes en rijhoogtes op elke monitor hun verhoudingen behouden.

sgcDashboard help

3,000+Ontwikkelaars
20+Jaar
761+Componenten
30+API-integraties
5Platformen
Niet-goed-geld-terug-garantie van 30 dagenNiet tevreden? Vraag binnen 30 dagen na aankoop een volledige terugbetaling aan. Bekijk het terugbetalingsbeleid

Probeer sgcDashboard vandaag

De sgcUI-proefversie bevat sgcDashboard en elk ander sgcUI-product.