sgcUI sgcDashboard jest już dostępne

sgcDashboard. KPI w kafelkach. Bez kodu układu.

Układaj kafelki na siatce 12 kolumn, umieść w każdym kartę KPI, wykres, mapę lub podgląd raportu, przełącz cały ekran na ciemny motyw jedną właściwością i pozwól użytkownikom przeciągać, zmieniać rozmiar i zapisywać własny układ. Dla Delphi, C++ Builder i .NET, z dołączonym kodem źródłowym.

  • VCL
  • FireMonkey
  • WinForms
  • WPF
  • Avalonia
  • Delphi 7 do 13
Demo sgcDashboard Basic: cztery karty KPI z wykresami sparkline, dziennik zdarzeń i lista serwerów na siatce kafelków 12 kolumn
  • 12kolumn na siatce kafelków, z rozpiętościami i automatycznym rozmieszczaniem
  • 3źródła KPI na żywo: WebSocket, MQTT i SSE
  • 10dem: cztery dla Delphi i C++ Builder, sześć dla .NET
  • 5frameworków UI: VCL, FireMonkey, WinForms, WPF, Avalonia

Wszystko, czego potrzebuje dashboard.

Siatka, która sama rozmieszcza kafelki, karty pokazujące liczby, wartości prosto z sieci i jeden wygląd na całym ekranie. sgcDashboard obejmuje to wszystko, w każdym frameworku.

  • Siatka kafelków

    Dwanaście kolumn, rozpiętości i automatyczne rozmieszczanie ustawiają każdy kafelek bez linijki kodu układu.

  • Karty KPI

    Wartość, strzałka trendu, tekst trendu i wykres sparkline w jednym komponencie, także jako PNG lub SVG.

  • Wartości na żywo

    Zasilaj karty z kodu albo z WebSocket, MQTT i SSE przez most sgcDashboardWS.

  • Jeden motyw

    Jasny lub ciemny dla kafelków, kart i kontrolek sgcUI w nich, jedną właściwością.

Zobacz, jak działa.

Nagrane z dem sgcDashboard dołączonych do wersji próbnej.

Cztery karty KPI z wykresami sparkline nad kafelkiem dziennika zdarzeń i kafelkiem listy serwerów, w jasnym motywie
Układ

Responsywna siatka kafelków bez kodu układu.

  • TsgcVCLDashboard oblicza szerokości kolumn z dostępnej szerokości i skaluje odstępy oraz wysokości wierszy według DPI monitora.
  • Nadaj kafelkowi Col, Row, ColSpan i RowSpan, albo zostaw Col i Row na -1, a automatyczne rozmieszczanie umieści go w pierwszym wolnym miejscu.
  • Od prawej do lewej dla arabskiego i hebrajskiego: kafelki układają się od prawej, a strzałki trendu i wykresy sparkline zachowują swój kierunek.
Demo Suite w jasnym motywie: karty KPI, wykres liniowy na żywo sgcCharts, mapa sgcMaps, przeglądarka sgcPDF i podgląd sgcReports w kafelkach
Dowolna kontrolka w kafelku

Umieść wykres, mapę lub podgląd raportu w dowolnym kafelku.

  • Kafelek to kontener z opcjonalnym nagłówkiem: ustaw rodzica kontrolki na kafelek i wyrównaj ją do obszaru klienta.
  • Demo Suite hostuje sgcCharts, sgcMaps, sgcPDF i sgcReports w jednym dashboardzie, wszystkie podążają za motywem dashboardu.
  • TsgcVCLKPICard pokazuje wartość, ikonę, strzałkę trendu, linię stopki i wykres sparkline, który przewija się przy każdym AddValue.
Dane na żywo

KPI na żywo prosto z sieci.

  • TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT i TsgcDashboardSource_SSE odczytują liczbę z każdej wiadomości JSON przez ValuePath.
  • Karta, jej sparkline i strzałka trendu aktualizują się same, a AddValue jest bezpieczne wątkowo, gdy zasilasz karty z kodu.
  • Wiadomości, które nie są poprawnym JSON lub których ścieżka nie jest liczbą, są ignorowane, więc zaszumiony strumień nigdy nie psuje ekranu.
Demo motywu jasnego i ciemnego: kafelki i karty KPI podążające za właściwością Theme dashboardu
Motywy i zapisane układy

Jedna właściwość nadaje motyw. Użytkownicy układają go i zachowują.

  • Theme := utDark lub utLight obejmuje każdy kafelek, każdą kartę KPI i kontrolki sgcUI w nich.
  • AllowDrag i AllowResize pozwalają użytkownikom przesuwać kafelek za nagłówek i zmieniać jego rozmiar uchwytem, z przyciąganiem do siatki.
  • SaveLayout i LoadLayout zapisują układ jako zwarty JSON i przywracają go według nazw kafelków.

Dashboard KPI w kilku linijkach.

Kafelki na siatce, w każdym karta KPI z wykresem sparkline, ciemny motyw i zapisany układ. To samo API w Delphi, C++ Builder i C#. Przeciąganie i pliki układu wymagają edycji Registered.

dotnet add package esegece.sgcDashboard.WinForms

Wersje C++ Builder i 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;

Część sgcUI.

Kup sgcDashboard osobno albo otrzymaj go w sgcUI Professional i Enterprise, obok wykresów, mierników i siatek, które wypełniają jego kafelki. Każdy z kodem źródłowym.

Osobno

sgcDashboard

Sam dashboard, z pełnym kodem źródłowym i rocznymi aktualizacjami.

€199 / programista
Cennik sgcDashboard

Standard

sgcGrid, sgcNavigation, sgcToolbar i sgcEditors.

€380 / programista
Zobacz Standard
Zawiera sgcDashboard

Professional

Standard plus sgcCharts, sgcDashboard i sgcGauges.

€529 / programista
Zobacz Professional
Zawiera sgcDashboard

Enterprise

Wszystkie 15 produktów sgcUI.

€699 / programista
Zobacz Enterprise

W .NET esegece.sgcDashboard.Community na NuGet jest bezpłatny, bez przeciągania i zmiany rozmiaru w czasie działania, zapisanych układów i źródeł na żywo. sgcDashboard jest też w pakiecie All-Access.

Poznaj sgcUI

Współpracuje z resztą sgcUI.

Każdy produkt sgcUI rysuje na tym samym środowisku uruchomieniowym, sgcUICore, więc kontrolki w Twoich kafelkach dzielą czcionki, odstępy, kolor akcentu i motyw z otaczającym je dashboardem.

Wbuduj sgcDashboard we własną aplikację już dziś.

Pobierz wersję próbną i uruchom dema Basic, LiveKPI, SaveLayout i Suite z odblokowanymi wszystkimi funkcjami albo najpierw przejrzyj wszystkie funkcje.

Najnowsze wpisy na blogu

Zobacz wszystkie wpisy →

Oglądasz widok sgcDashboard eSeGeCe.

Pokaż mi inne ujęcie →
30-dniowa gwarancja zwrotu pieniędzyNie jesteś zadowolony? Poproś o pełny zwrot pieniędzy w ciągu 30 dni od zakupu. Zobacz politykę zwrotów