Delphi, C++ Builder & .NET Parte de sgcUI

sgcDashboard, cuadros de mando y tarjetas KPI para Delphi, C++ Builder & .NET

Crea un cuadro de mando de negocio sin código de diseño. Coloca mosaicos en una cuadrícula de 12 columnas, pon en cada uno una tarjeta KPI, un gráfico, un mapa o una vista previa de informe, cambia toda la pantalla a un tema oscuro con una propiedad y deja que los usuarios arrastren, redimensionen y guarden su propio diseño.

VCL, FireMonkey, WinForms, WPF, AvaloniaCuadrícula de mosaicos de 12 columnas con flujo automáticoTarjetas KPI como PNG o SVG, también en Linux64Incluido en sgcUI Professional
Demo Basic: mosaicos de cuadro de mando y tarjetas KPI en una cuadrícula adaptable

Todo lo que necesita un cuadro de mando

Once capacidades en cuatro grupos, con los nombres reales de componentes y propiedades y un enlace a cada tema de ayuda. Las funciones marcadas como registradas no están en la compilación .NET Community gratuita.

Diseño y contenido

Una cuadrícula que coloca los mosaicos por ti y tarjetas que muestran las cifras.

Demo Basic de sgcDashboard con seis mosaicos y cuatro tarjetas KPI en la cuadrícula de 12 columnas

Diseño y contenido

Una cuadrícula de mosaicos adaptable sin código de diseño

Un cuadro de mando es una cuadrícula de mosaicos que debe mantenerse ordenada con cualquier tamaño de ventana y cualquier DPI. Coloca un cuadro de mando en el formulario, añade mosaicos y dale a cada uno una columna, una fila y una extensión. La cuadrícula calcula el ancho de las columnas a partir del ancho disponible, escala los espacios y las alturas de fila según el DPI del monitor y se desplaza verticalmente cuando los mosaicos necesitan más filas de las que caben. Los mosaicos que se solapan se empujan una fila cada vez, nunca unos encima de otros. Como el diseño vive en un único motor, las mismas celdas de mosaico dan la misma disposición en VCL, FireMonkey y las vistas .NET.

  • TsgcVCLDashboard con Columns (12 por defecto), RowHeight (120), Gap y Padding (12)
  • TsgcVCLDashboardTile con Col, Row, ColSpan y RowSpan
  • Un mosaico oculto (Visible False) no ocupa ninguna celda
  • Las celdas y los rectángulos colocados se pueden leer en Layout.PlacedCell y Layout.Rect
Leer el tema de la ayuda
Cuadro de mando con cuatro mosaicos KPI con minigráficos, un registro de eventos y una lista de servidores

Diseño y contenido

Añade mosaicos y deja que el flujo automático los coloque

Cuando el contenido de un cuadro de mando depende del usuario o de los datos, no quieres calcular coordenadas. Deja la columna y la fila de un mosaico en -1 y el flujo automático lo coloca en el primer hueco libre, recorriendo las filas desde arriba y las columnas desde la izquierda. Fija solo la columna y el mosaico cae en la primera fila libre de esa columna. Mezcla mosaicos fijos y mosaicos con flujo en el mismo cuadro de mando.

  • AutoFlow está activado por defecto; un mosaico nuevo empieza con Col y Row en -1 y una extensión de 3 por 2
  • Las celdas explícitas se colocan primero y los mosaicos con flujo rellenan el espacio restante
  • Las extensiones se limitan para que un mosaico nunca pase de la última columna
  • El mismo motor de diseño, TsgcDashboardLayout, maneja VCL, FireMonkey y .NET
  • De derecha a izquierda para árabe y hebreo: los mosaicos fluyen desde la derecha y las cabeceras de los mosaicos y las tarjetas KPI están reflejadas, mientras que las flechas de tendencia y los sparklines mantienen su dirección
Leer el tema de la ayuda
Mosaicos de cuadro de mando que alojan un mapa, un visor de PDF y una vista previa de informe

Diseño y contenido

Pon cualquier control en un mosaico

Un mosaico es un contenedor con una cabecera opcional, así que aloja lo que necesite tu pantalla: un gráfico, una cuadrícula, un mapa, un visor de PDF, una vista previa de informe o un simple memo. Asigna el mosaico como padre del control y alinéalo al área cliente. La demo Suite aloja sgcCharts, sgcMaps, sgcPDF y sgcReports en un solo cuadro de mando, todos siguiendo el tema del cuadro de mando. Un mosaico puede prescindir de la cabecera para un gráfico limpio a sangre o conservarla como barra de título. El cuadro de mando crece por filas y se desplaza verticalmente a medida que añades mosaicos.

  • Title y ShowHeader en cada mosaico
  • ParentTheme permite que un mosaico siga al cuadro de mando o conserve su propio Theme
  • Los controles sgcUI dentro de un mosaico adoptan el tema claro u oscuro
  • Funciona igual con TsgcFMXDashboardTile en FireMonkey
Leer el tema de la ayuda
Cuatro tarjetas KPI con valores, flechas de tendencia y minigráficos

Diseño y contenido

Tarjetas KPI con tendencia y minigráfico

Todo cuadro de mando se abre con una fila de cifras que importan: ingresos, pedidos, bajas, tiempo de respuesta. Una tarjeta KPI muestra el valor en grande, un icono, una flecha de tendencia con su texto, una línea de pie y un pequeño minigráfico de los valores recientes, en un solo componente. Llama a AddValue según llegan nuevas cifras y el minigráfico se desplaza; MaxPoints decide cuánto historial conserva. AccentColor te permite colorear una tarjeta según lo que mide, y la tarjeta sigue el tema claro u oscuro del cuadro de mando en el que está.

  • TsgcVCLKPICard con Title, Value, Icon, FooterText y AccentColor
  • Trend: ktUp, ktDown o ktNeutral, con el texto de TrendValue
  • AddValue, ClearValues y MaxPoints para el minigráfico
  • AddValue es seguro entre hilos, así que un hilo de trabajo puede alimentarlo
Leer el tema de la ayuda

Diseños de usuario y datos en vivo

Deja que los usuarios organicen su propia página de inicio y la conserven, y aliméntala desde la red.

Diseños de usuario y datos en vivo Solo registrada

Los usuarios arrastran y redimensionan los mosaicos

En una página de inicio compartida, cada usuario quiere otras cifras delante. Activa el arrastre y el usuario mueve un mosaico por su cabecera; activa el cambio de tamaño y un tirador en la esquina modifica su extensión. Mientras se mueve el ratón, la celda de destino se dibuja bajo los mosaicos y el mosaico se ajusta a la cuadrícula. Escape cancela. Los mosaicos que marques como bloqueados nunca se mueven. Combínalo con los diseños guardados de más abajo y cada usuario conserva la página de inicio que organizó, mientras tú sigues decidiendo qué mosaicos existen.

  • AllowDrag y AllowResize en el cuadro de mando
  • Locked en un mosaico lo mantiene en su sitio
  • OnLayoutChanged se dispara tras cada arrastre o cambio de tamaño
  • El mismo comportamiento en el cuadro de mando FireMonkey

Community construye un diseño fijo desde código; arrastrar y redimensionar en tiempo de ejecución es de la edición registrada.

Leer el tema de la ayuda

Diseños de usuario y datos en vivo Solo registrada

Guarda el diseño de cada usuario y restáuralo

Un diseño que el usuario organizó debe volver tras un reinicio. Una llamada escribe las métricas de la cuadrícula y, para cada mosaico con nombre, su celda y su visibilidad como JSON compacto; otra lo aplica. Los mosaicos se emparejan por nombre, los nombres desconocidos se ignoran y los mosaicos que faltan en el texto conservan sus celdas, así que un diseño guardado antiguo se sigue cargando después de añadir un mosaico en una nueva versión. El JSON es pequeño y legible, así que puedes distribuir un diseño por defecto con la aplicación y ofrecer un botón de restablecer que lo vuelva a cargar.

  • SaveLayout y LoadLayout devuelven y aplican una cadena JSON
  • SaveLayoutToFile, LoadLayoutFromFile, SaveLayoutToStream, LoadLayoutFromStream
  • UTF-8 sin BOM al guardar, se omite un BOM al cargar
  • Guarda la cadena por usuario en un archivo, en el registro o en tu base de datos
Leer el tema de la ayuda

Diseños de usuario y datos en vivo Solo registrada

KPI en vivo directamente desde la red

Las pantallas de operaciones muestran valores que cambian cada segundo. El puente sgcDashboardWS lee un número de cada mensaje JSON de un cliente de sgcWebSockets y lo envía a una tarjeta, minigráfico incluido. La flecha de tendencia sigue sola al valor anterior. En Delphi 2010 y posteriores, las actualizaciones de texto se ejecutan en el hilo principal, así que el cliente puede usar cualquier modo de hilos. Los mensajes que no son JSON válido, o cuya ruta no es un número, se ignoran, de modo que una fuente con ruido nunca rompe la pantalla.

  • TsgcDashboardSource_WebSocket, TsgcDashboardSource_MQTT (con Topic) y TsgcDashboardSource_SSE
  • ValuePath, por ejemplo data.items[0].value, ValueFormat con %.2f por defecto
  • TitlePath y TrendValuePath copian más campos a la tarjeta
  • Evento OnValue tras cada actualización

El puente necesita sgcWebSockets. En Community, alimenta las tarjetas desde código con Value y AddValue.

Leer el tema de la ayuda

Temas, imágenes y plataformas

Un solo aspecto en toda la pantalla, las mismas tarjetas como imágenes, el mismo diseño en cada destino.

Mosaicos de sgcDashboard con minigráficos KPI, un gráfico en vivo, un mapa, un visor de PDF y una vista previa de informe en el tema oscuro

Temas, imágenes y plataformas

Una propiedad aplica el tema a todo el cuadro de mando

Una sala de control oscura y una oficina luminosa necesitan la misma pantalla con dos aspectos. Define el tema del cuadro de mando y llega a cada mosaico, a cada tarjeta KPI y a los controles sgcUI que contienen, de modo que gráficos, indicadores y cuadrículas cambian a la vez. El tipo de tema es el mismo que usa todo producto sgcUI, así que una aplicación entera puede seguir un único ajuste. Los mosaicos que deban destacar pueden conservar un tema propio mientras el resto del cuadro de mando sigue el global.

  • Theme := utDark o utLight en el cuadro de mando
  • Los mosaicos lo siguen con ParentTheme o conservan su propio Theme
  • Las tarjetas KPI y las imágenes KPI sin ventana usan la misma paleta
  • Cámbialo en tiempo de ejecución, por ejemplo con un interruptor de día y noche
Leer el tema de la ayuda

Temas, imágenes y plataformas

Tarjetas KPI como imágenes para correo y web

Las cifras del cuadro de mando suelen hacer falta en otros sitios: en el correo del informe matinal, en una página de intranet o en un PDF. TsgcDashboardKPI renderiza la misma tarjeta sin ventana y sin VCL ni FireMonkey, así que un programa de consola, un servicio de Windows o un servidor Linux64 pueden producirla. El ancho y el alto son píxeles lógicos y un factor de escala da imágenes nítidas de alta densidad. Úsalo para informes programados: construye las tarjetas con las mismas consultas que usa tu cuadro de mando y adjunta las imágenes al mensaje.

  • SaveToPNG a un archivo o flujo, por ejemplo 320 por 160 con escala 2 para una imagen de 640 por 320
  • SaveToSVG para una salida vectorial nítida
  • Card.KPI.SaveToPNG guarda lo que muestra una tarjeta en pantalla
  • Se compila en todas las plataformas, Linux64 incluido
Leer el tema de la ayuda

Temas, imágenes y plataformas

El mismo cuadro de mando en escritorio, móvil y .NET

Escribe el cuadro de mando una vez y reutiliza el diseño. El cuadro de mando FireMonkey, los mosaicos y las tarjetas KPI funcionan en Windows, macOS, iOS y Android, y el port .NET ofrece las mismas clases para WinForms, WPF y Avalonia. Como un único motor de diseño calcula las celdas en todas partes, un diseño guardado significa lo mismo en cada destino. Las demos se distribuyen en el mismo conjunto para cada destino: Basic, LiveKPI, SaveLayout y Suite para Delphi y C++ Builder, además de versiones WinForms, WPF y Avalonia en .NET.

  • TsgcFMXDashboard, TsgcFMXDashboardTile, TsgcFMXKPICard
  • TsgcWinFormsDashboard, TsgcWinFormsKPICard y sus gemelos WPF y Avalonia
  • Delphi 7 a 13 con VCL, FireMonkey desde XE6, C++ Builder 2007 a 13
  • .NET Framework 4.7.2, .NET 8, .NET 9 y .NET 10
Leer el tema de la ayuda

Accesibilidad

UI Automation para lectores de pantalla, teclado y alto contraste, sin configuración.

Accesibilidad

Muévete entre mosaicos y reorganízalos sin ratón

sgcDashboard expone el panel y sus mosaicos a Microsoft UI Automation con sus títulos y su posición, el control alojado en cada mosaico y las tarjetas de KPI con título, valor, unidad y tendencia.

  • Las flechas se mueven entre mosaicos, Inicio y Fin van al primer o último mosaico e Intro pasa el foco al interior del mosaico con el foco
  • Ctrl+Mayús+flechas mueven el mosaico (AllowDrag) y Alt+Mayús+flechas lo redimensionan (AllowResize), salvo que el panel esté bloqueado
  • El panel es una parada de tabulación y muestra un anillo de foco visible
  • Con un tema de alto contraste de Windows, el marco de los mosaicos usa los colores del sistema, y los colores de acento y de tendencia de las tarjetas de KPI se sustituyen por colores del sistema

La accesibilidad está activada por defecto en todas las ediciones, también en la edición Community gratuita, en VCL en todas las versiones de Delphi y C++Builder desde Delphi 7 hasta Delphi 13, en FireMonkey en Windows, y en WinForms, WPF y Avalonia. En Delphi y C++Builder, AccessibleName y AccessibleDescription establecen el nombre y la descripción expuestos a UI Automation, y en .NET lo hacen el nombre accesible y el texto de ayuda estándar de cada framework. Consulta los informes de conformidad de accesibilidad (en inglés).

Leer el tema de la ayuda

Mira sgcDashboard en acción

sgcDashboard dentro de las demos de la suite sgcUI: aplicaciones completas que funcionan sin conexión con datos simulados integrados.

Quién construye con sgcDashboard

Cuadros de mando ejecutivos y de ventas en un ERP

La página de inicio de un ERP muestra ingresos, pedidos abiertos, facturas vencidas y bajas como tarjetas KPI con flechas de tendencia, un gráfico de ventas y una cuadrícula de mejores clientes en los mosaicos de debajo. Cada noche un servicio renderiza las mismas tarjetas como PNG para el correo de dirección, con las mismas cifras y colores que en pantalla.

  • Tarjetas KPI
  • Cualquier control en un mosaico
  • Imágenes KPI sin ventana
  • Temas
Ejecuta la demo Suite

Salas de control de operaciones e IoT

Una pantalla mural en una planta muestra el rendimiento de la línea, las temperaturas y el número de alarmas. Las fuentes MQTT envían cada lectura a su tarjeta según llega, los minigráficos muestran los últimos minutos y un tema oscuro mantiene la sala tranquila por la noche. Los indicadores y gráficos de los mosaicos vecinos siguen el mismo tema.

  • Fuente MQTT
  • Minigráficos
  • Tema oscuro
  • Indicadores en mosaicos
Ejecuta la demo LiveKPI

Páginas de inicio personales en clientes SaaS de escritorio

En un cliente de escritorio usado por muchos roles, cada usuario arrastra arriba los mosaicos que le importan, redimensiona el gráfico que más vigila y oculta el resto. El diseño se guarda como JSON por usuario y se restaura en el siguiente inicio de sesión, y los mosaicos nuevos añadidos en una actualización simplemente fluyen hacia el espacio libre.

  • Arrastrar y redimensionar
  • SaveLayout y LoadLayout
  • Flujo automático
Ejecuta la demo SaveLayout

Un cuadro de mando KPI en pocas líneas

La misma API en Delphi, C++ Builder y C#: mosaicos en la cuadrícula, una tarjeta KPI con un minigráfico en cada uno, un tema oscuro y un diseño guardado. Arrastrar y los archivos de diseño necesitan la edición registrada.

Mosaicos en la cuadrícula de 12 columnas con una tarjeta KPI en cada uno, un tema oscuro y el diseño guardado en un archivo. Arrastrar y los archivos de diseño necesitan la edición registrada.

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;

Leer el tema de la ayuda →

El mismo cuadro de mando en C++ Builder con las cabeceras generadas.

#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");
}

Leer el tema de la ayuda →

La versión WinForms en C#, con los mismos nombres de clase que en 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

Leer el tema de la ayuda →

Ejecuta las demos de sgcDashboard

Cuatro demos para Delphi y C++ Builder y seis para .NET, todas en la descarga de demos compiladas.

Basic

Basic

Seis mosaicos y cuatro tarjetas KPI en la cuadrícula de 12 columnas, con un registro y una lista en los otros mosaicos. La forma más rápida de ver el motor de diseño y el cambio de tema.

Solo registrada LiveKPI

Tarjetas KPI alimentadas por el puente sgcDashboardWS, con valores que cambian y minigráficos que crecen según llegan los mensajes. Necesita sgcWebSockets.

Solo registrada SaveLayout

Arrastra los mosaicos por su cabecera, redimensiónalos con el tirador, guarda el diseño en JSON, reinicia la demo y verás cómo se restaura.

Suite

Un gráfico, un mapa, un visor de PDF, una vista previa de informe y tarjetas KPI de otros productos sgcUI en un único cuadro de mando con tema.

Demos .NET

Basic, BasicWpf, BasicAvalonia, LiveKPI, SaveLayout y Suite para WinForms, WPF y Avalonia.

Demos compiladas

Ejecutables listos para usar de cada producto sgcUI, sin nada que instalar.

Descargar sgcUI_bin.zip →

Dónde se incluye sgcDashboard

sgcDashboard está en sgcUI Professional y Enterprise, y también se vende por separado. sgcDashboard se incluye además en el paquete All-Access.

Paquete individual de sgcDashboard

€199 / desarrollador, código fuente completo, 1 año de actualizaciones.

Comprar sgcDashboard → Ver precios →

sgcUI Professional

Standard más sgcDashboard, sgcCharts y sgcGauges, desde €529.

Ver Professional →

sgcUI Enterprise

Los 14 productos sgcUI, desde €699.

Ver Enterprise →

La edición Community gratuita (esegece.sgcDashboard.Community en NuGet) incluye la cuadrícula, los mosaicos, las tarjetas KPI con minigráficos, PNG y SVG sin ventana y los temas. No incluye arrastrar y redimensionar en tiempo de ejecución, SaveLayout y LoadLayout, ni el puente sgcDashboardWS.

FunciónCommunity (gratuita)Registrada
Cuadrícula de mosaicos con extensiones y flujo automático✓✓
Tarjetas KPI con tendencia y minigráfico✓✓
Temas claro y oscuro✓✓
Tarjetas KPI sin ventana como PNG y SVG✓✓
Arrastrar y redimensionar mosaicos en tiempo de ejecución−✓
SaveLayout y LoadLayout−✓
Fuentes en vivo de sgcDashboardWS (WebSocket, MQTT, SSE)−✓

Frameworks y plataformas compatibles

Componentes de sgcDashboard

ComponenteQué es
TsgcVCLDashboard, TsgcFMXDashboardEl contenedor de cuadrícula para VCL y FireMonkey.
TsgcVCLDashboardTile, TsgcFMXDashboardTileUn mosaico con título que aloja cualquier control.
TsgcVCLKPICard, TsgcFMXKPICardUna tarjeta KPI con tendencia, pie y minigráfico.
TsgcDashboardKPILa tarjeta KPI sin ventana e independiente del framework, con exportación PNG y SVG.
TsgcDashboardLayoutEl motor de diseño, disponible también en Linux64.
TsgcDashboardSource_WebSocket, _MQTT, _SSEFuentes KPI en vivo del puente sgcDashboardWS (solo edición registrada).
DestinoComponentePlataformas
Delphi 7 a 13, VCLTsgcVCLDashboardWin32 y Win64
Delphi XE6 a 13, FireMonkeyTsgcFMXDashboardWindows, macOS, iOS y Android
C++ Builder 2007 a 13TsgcVCLDashboard, TsgcFMXDashboardCabeceras .hpp generadas y bibliotecas estáticas
Delphi 10.2 a 13, independiente del frameworkTsgcDashboardLayout, TsgcDashboardKPILinux64, motor de diseño y tarjetas KPI sin ventana
.NET Framework 4.7.2, .NET 8, 9 y 10TsgcWinFormsDashboard, equivalentes WPF y AvaloniaWinForms, WPF y Avalonia

Preguntas frecuentes

Sí, en la edición registrada. AllowDrag y AllowResize permiten a los usuarios mover los mosaicos por la cabecera y redimensionarlos con un tirador, y SaveLayoutToFile o SaveLayout guardan el resultado como JSON. LoadLayout lo restaura por nombre de mosaico, así que los diseños sobreviven a las nuevas versiones de tu aplicación.

Cualquiera. Un mosaico es un contenedor: asigna el mosaico como padre del control y alinéalo al área cliente. La demo Suite aloja un gráfico, un mapa, un visor de PDF y una vista previa de informe, y los controles sgcUI en un mosaico siguen el tema del cuadro de mando.

Desde código, asigna Value y llama a AddValue, que es seguro entre hilos. Con la edición registrada y sgcWebSockets, las fuentes sgcDashboardWS leen un número de cada mensaje WebSocket, MQTT o SSE mediante ValuePath y actualizan la tarjeta y su tendencia por ti.

Los cuadros de mando y mosaicos, el diseño en cuadrícula con flujo automático, las tarjetas KPI con minigráficos, PNG y SVG sin ventana y los temas. No incluye arrastrar y redimensionar en tiempo de ejecución, SaveLayout y LoadLayout, ni el puente sgcDashboardWS. Consulta Ediciones.

Sí. TsgcFMXDashboard, sus mosaicos y las tarjetas KPI funcionan en FireMonkey desde Delphi XE6 en Windows, macOS, iOS y Android, con el mismo motor de diseño que el cuadro de mando VCL. Los tamaños son independientes del dispositivo y siguen la escala del formulario.

Sí. TsgcDashboardKPI dibuja una tarjeta sin ventana y sin VCL ni FireMonkey, y escribe PNG o SVG en un archivo o flujo. Se compila en todas las plataformas, Linux64 incluido, así que un servicio o un servidor web pueden producir las imágenes.

Sí. Todos los tamaños son píxeles independientes del dispositivo. El cuadro de mando VCL los escala por el PPI del monitor dividido entre 96 y el cuadro de mando FireMonkey por la escala del formulario, así que los mosaicos, los espacios y las alturas de fila mantienen sus proporciones en cualquier monitor.

Ayuda de sgcDashboard

3,000+Desarrolladores
20+Años
761+Componentes
30+Integraciones de API
5Plataformas
Garantía de devolución de 30 días¿No estás satisfecho? Solicita un reembolso completo en los 30 días posteriores a la compra. Ver política de reembolso

Prueba sgcDashboard hoy

La prueba de sgcUI incluye sgcDashboard y todos los demás productos sgcUI.