sgcUI sgcDashboard já está disponível

sgcDashboard. KPIs em tiles. Sem código de layout.

Solte tiles em uma grade de 12 colunas, coloque em cada um um cartão de KPI, um gráfico, um mapa ou uma prévia de relatório, mude a tela inteira para um tema escuro com uma propriedade e deixe os usuários arrastar, redimensionar e salvar o próprio layout. Para Delphi, C++ Builder e .NET, com código-fonte incluído.

Baixar a avaliação Conhecer o sgcDashboard

VCL
FireMonkey
WinForms
WPF
Avalonia
Delphi 7 a 13

Demo Basic do sgcDashboard: quatro cartões de KPI com sparklines, um log de eventos e uma lista de servidores na grade de tiles de 12 colunas

12colunas na grade de tiles, com spans e auto-flow
3fontes de KPI ao vivo: WebSocket, MQTT e SSE
10demos: quatro para Delphi e C++ Builder, seis para .NET
5frameworks de interface: VCL, FireMonkey, WinForms, WPF, Avalonia

Tudo o que um dashboard precisa.

Uma grade que posiciona os tiles para você, cartões que mostram os números, valores direto da rede e um único visual em toda a tela. O sgcDashboard cobre tudo isso, em todos os frameworks.

Grade de tiles
Doze colunas, spans e auto-flow posicionam cada tile sem uma linha de código de layout.
Cartões de KPI
Valor, seta de tendência, texto de tendência e uma sparkline em um só componente, também como PNG ou SVG.
Valores ao vivo
Alimente os cartões pelo código, ou por WebSocket, MQTT e SSE com a ponte sgcDashboardWS.
Um único tema
Claro ou escuro para tiles, cartões e os controles sgcUI dentro deles, com uma propriedade.

Veja funcionando.

Gravado das demos do sgcDashboard que acompanham a avaliação.

Quatro cartões de KPI com sparklines acima de um tile de log de eventos e um tile de lista de servidores, no tema claro

Layout

Uma grade de tiles responsiva, sem código de layout.

TsgcVCLDashboard calcula a largura das colunas a partir da largura disponível e escala os espaçamentos e as alturas das linhas pelo DPI do monitor.
Dê a um tile Col, Row, ColSpan e RowSpan, ou deixe Col e Row em -1 e o auto-flow o coloca no primeiro espaço livre.
Da direita para a esquerda para árabe e hebraico: os tiles fluem a partir da direita, enquanto as setas de tendência e as sparklines mantêm a sua direção.

Demo Suite no tema claro: cartões de KPI, uma linha ao vivo do sgcCharts, um mapa do sgcMaps, um visualizador do sgcPDF e uma prévia do sgcReports em tiles

Qualquer controle em um tile

Coloque um gráfico, um mapa ou uma prévia de relatório em qualquer tile.

Um tile é um contêiner com um cabeçalho opcional: defina o pai do controle como o tile e alinhe-o à área cliente.
A demo Suite reúne sgcCharts, sgcMaps, sgcPDF e sgcReports em um só dashboard, todos seguindo o tema do dashboard.
TsgcVCLKPICard mostra um valor, um ícone, uma seta de tendência, uma linha de rodapé e uma sparkline que rola a cada chamada de AddValue.

Dados em tempo real

KPIs ao vivo direto da rede.

TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT e TsgcDashboardSource_SSE leem um número de cada mensagem JSON por meio de ValuePath.
O cartão, sua sparkline e sua seta de tendência se atualizam sozinhos, e AddValue é thread-safe quando você alimenta os cartões pelo código.
Mensagens que não são JSON válido, ou cujo caminho não é um número, são ignoradas, então um feed ruidoso nunca quebra a tela.

Demo de tema claro e escuro: tiles e cartões de KPI seguindo a propriedade Theme do dashboard

Temas e layouts salvos

Uma propriedade define o tema. Os usuários organizam e guardam o layout.

Theme := utDark ou utLight chega a cada tile, a cada cartão de KPI e aos controles sgcUI dentro deles.
AllowDrag e AllowResize permitem que os usuários movam um tile pelo cabeçalho e o redimensionem por uma alça, ajustados à grade.
SaveLayout e LoadLayout guardam o layout como JSON compacto e o restauram pelo nome do tile.

Mais do sgcDashboard.

O tema escuro, gráficos, mapas e prévias de relatórios em tiles, e a demo Basic, direto das demos.

Demo Suite no tema escuro: cartões de KPI de vazão e latência, uma linha ao vivo do sgcCharts, um mapa do sgcMaps, um visualizador do sgcPDF e uma prévia do sgcReports — A demo Suite no tema escuro: uma única propriedade `Theme` chega ao gráfico, ao mapa e às prévias de PDF e de relatório.

Demo Basic: seis tiles e quatro cartões de KPI na grade de 12 colunas — A demo Basic: seis tiles e quatro cartões de KPI na grade de 12 colunas, com um log e uma lista nos demais tiles.

Cartões de KPI de vazão e latência com sparklines ao lado de uma linha ao vivo do sgcCharts — Cartões de vazão e latência com sparklines ao lado de uma linha ao vivo do sgcCharts, cada um em seu próprio tile.

Um mapa, um visualizador de PDF e uma prévia de relatório hospedados em tiles do dashboard — Um mapa, um visualizador de PDF e uma prévia de relatório do sgcMaps, sgcPDF e sgcReports, hospedados em tiles.

Um dashboard de KPIs em poucas linhas.

Tiles na grade, um cartão de KPI com sparkline em cada um, um tema escuro e um layout salvo. A mesma API em Delphi, C++ Builder e C#. Arrastar e os arquivos de layout exigem a edição Registrada.

dotnet add package esegece.sgcDashboard.WinForms

Versões para 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 do sgcUI.

Compre o sgcDashboard separadamente ou obtenha-o no sgcUI Professional e Enterprise, junto com os gráficos, medidores e grades que preenchem seus tiles. Todos incluem código-fonte.

Isolado

sgcDashboard

O dashboard separadamente, com código-fonte completo e 1 ano de atualizações.

€199 / desenvolvedor

Preços do sgcDashboard

Standard

sgcGrid, sgcNavigation, sgcToolbar e sgcEditors.

€380 / desenvolvedor

Ver o Standard

Inclui o sgcDashboard

Professional

Standard mais sgcCharts, sgcDashboard e sgcGauges.

€529 / desenvolvedor

Ver o Professional

Inclui o sgcDashboard

Enterprise

Os 15 produtos do sgcUI.

€699 / desenvolvedor

Ver o Enterprise

Para .NET, o esegece.sgcDashboard.Community no NuGet é gratuito, sem arrastar e redimensionar em tempo de execução, layouts salvos e as fontes ao vivo. O sgcDashboard também está no pacote All-Access.

Conhecer o sgcUI

Funciona com o restante do sgcUI.

Todo produto sgcUI desenha com o mesmo runtime, o sgcUICore, então os controles dos seus tiles compartilham fontes, espaçamento, cor de destaque e tema com o dashboard ao redor.