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

sgcCharts, gráficos para Delphi, C++ Builder & .NET

Una biblioteca de gráficos para cuadros de mando, analítica y pantallas de trading. Diecisiete tipos de serie, de la línea a la cascada, indicadores SMA, RSI, MACD y Bollinger, fuentes en vivo, zoom y herramientas de dibujo, y exportación a PNG o SVG. La demo LiveLine transmite 1,000,000 de puntos a través de un búfer circular.

VCL, FireMonkey, WinForms, WPF, Avalonia17 tipos de serie en un solo modeloDemo LiveLine: 1,000,000 de puntos en un búfer circularIncluido en sgcUI Professional
Descargar prueba Míralo en acción
Gráfico de velas de sgcCharts con bandas de Bollinger, medias móviles, volumen, RSI y herramientas de dibujo
FUNCIONES CLAVE

Todo lo que necesita una biblioteca de gráficos

Dieciocho capacidades en siete grupos. Cada una nombra el componente o la propiedad real y enlaza con su tema de ayuda. Las funciones marcadas como registradas no están en la compilación .NET Community gratuita.

Tipos de gráfico

Un modelo, diecisiete tipos de serie y tantos ejes como necesiten los datos.

Gráfico de áreas de sgcCharts renderizado desde la galería de series

Tipos de gráfico

Diecisiete tipos de gráfico sobre un mismo modelo

Una pantalla de ventas necesita barras y un donut, una de laboratorio necesita dispersión y mapa de calor, una de trading necesita velas. sgcCharts los cubre todos con un solo modelo: cada serie es un componente que colocas en el formulario o creas desde código, enlazas a un TsgcChart y mezclas libremente con las demás. Aprende la API una vez y reutilízala en todas las pantallas.

  • Línea, línea rápida, línea escalonada, área, área de rango, barras, dispersión, burbujas, velas y OHLC sobre ejes numéricos, de fecha y hora, logarítmicos o de categorías
  • Circular y donut, radar, mapa de calor, treemap, embudo, diagrama de caja y cascada para datos por categorías
  • TsgcChartSeries_Bar dibuja barras verticales u horizontales, agrupadas o apiladas (Grouping)
  • Las diecisiete están en todas las ediciones, incluida la compilación .NET Community gratuita
  • De derecha a izquierda para árabe y hebreo: el título, la leyenda, los tooltips, la barra de herramientas y el selector de rango están reflejados, y MirrorPlot refleja también el área de trazado y sus ejes
Leer el tema de la ayuda
Treemap con profundización de sgcCharts junto a un embudo de ventas

Tipos de gráfico

Donut, treemap y embudo para datos de negocio

Los informes de dirección piden proporciones, jerarquías y etapas de conversión. La serie circular se convierte en donut con una propiedad y pliega la cola larga de porciones pequeñas en una única porción Otros, de modo que el gráfico sigue siendo legible. El treemap dimensiona rectángulos anidados según el valor y profundiza al hacer clic, y el embudo muestra cada etapa de un proceso de ventas o de soporte con su porcentaje. Las etiquetas pueden ir dentro o fuera de las porciones, y el treemap colorea sus rectángulos por grupo o por valor con una escala de color. Cada serie sigue el tema del gráfico, así que el informe encaja con el resto de la aplicación.

  • InnerRadiusPercent crea el donut, OthersThreshold y OthersText agrupan las porciones pequeñas
  • ExplodeOnClick separa una porción cuando el usuario hace clic en ella
  • TsgcChartSeries_Treemap con DrillOnClick, DrillUp y el evento OnDrill
  • TsgcChartSeries_Funnel con NeckWidthPercent y ProportionalHeight
Leer el tema de la ayuda

Tipos de gráfico

Burbujas, diagrama de caja, cascada y área de rango

Un equipo de finanzas quiere el puente de beneficios del presupuesto al real, un ingeniero de calidad quiere la dispersión de los tiempos de ciclo por turno y un responsable de producto quiere ingresos, margen y plantilla en un solo gráfico. Cuatro series cubren estos casos. La serie de burbujas añade un tamaño a X e Y. El diagrama de caja resume una muestra con sus cuartiles, la mediana y los valores atípicos. La cascada construye un total a partir de pasos positivos y negativos, con subtotales y totales por el camino. El área de rango rellena la banda entre un valor bajo y uno alto, para un intervalo de previsión o un corredor de tolerancia.

  • TsgcChartSeries_Bubble con AddBubble, MinBubbleSize, MaxBubbleSize y SizeMode, con tamaño por área (cbsArea) o por diámetro (cbsDiameter)
  • TsgcChartSeries_BoxPlot dibuja mínimo, cuartiles, mediana, máximo y una media opcional; AddValues calcula los cuartiles a partir de la muestra en bruto como QUARTILE.INC de Excel y detecta los valores atípicos de Tukey
  • TsgcChartSeries_Waterfall con AddStep, AddSubtotal, AddTotal y ShowConnectors
  • TsgcChartSeries_RangeArea con AddRange para la banda de valores bajo y alto
  • Las cuatro están en todas las ediciones, incluida la edición Community gratuita, en VCL, FireMonkey, WinForms, WPF y Avalonia
Leer el tema de la ayuda

Tipos de gráfico

Líneas suaves y barras de error

Un informe de laboratorio muestra cada medición con su incertidumbre, y la tendencia de un cuadro de mando se lee mejor como curva que como zigzag. Activa Smooth en una serie de línea, área o área de rango y se dibuja como una spline cúbica monótona. La curva nunca se pasa de los datos, así que no muestra ningún pico ni valle que los valores no tengan. Las barras de error añaden la incertidumbre de cada punto a las series de línea, área, dispersión y barras, a partir de un valor fijo, un porcentaje, la desviación estándar de la serie o tus propios valores por punto.

  • Smooth en TsgcChartSeries_Line, TsgcChartSeries_Area y TsgcChartSeries_RangeArea
  • ErrorBars.Kind: cebFixed, cebPercent, cebStdDev o cebCustom con AddCustom
  • Direction: cedBoth, cedPlus o cedMinus, con remates en los extremos dimensionados por CapWidth
  • El eje de valores se ensancha solo, de modo que ninguna barra de error queda recortada
  • En todas las ediciones, incluida la edición Community gratuita, en VCL, FireMonkey, WinForms, WPF y Avalonia
Leer el tema de la ayuda
Tres series dibujadas sobre tres ejes de valores independientes

Tipos de gráfico

Varios ejes en un mismo gráfico

Temperatura y presión, ingresos y unidades, precio y volumen: los datos reales rara vez comparten una escala. Añade tantos ejes como necesites, colócalos a la izquierda, a la derecha, arriba o abajo, y enlaza cada serie con su propio par. Cada eje elige su tipo, su rango y su formato de etiqueta, de modo que un eje inferior de fecha y hora puede convivir con un eje izquierdo numérico y un eje derecho logarítmico. Cada serie indica los ejes que usa, así que dos líneas pueden compartir el eje izquierdo mientras una tercera usa el derecho. Los ejes hacen zoom de forma independiente y ResetZoom los devuelve al rango completo.

  • Colección Axes en TsgcChart, un TsgcChartAxis por escala
  • AxisType: catNumeric, catLogarithmic, catDateTime o catCategory
  • Position: capLeft, capRight, capTop o capBottom
  • Minimum, Maximum, Automatic, LabelFormat e Inverted por eje
Leer el tema de la ayuda

Gráficos financieros

Velas en todas las ediciones, más el paquete financiero: indicadores, paneles, marcadores y herramientas de dibujo.

Gráfico de velas de sgcCharts sobre un eje de fecha y hora

Gráficos financieros

Gráficos de velas y OHLC que se mantienen nítidos

El historial de precios es el núcleo de cualquier pantalla de trading. Las series de velas y OHLC dibujan apertura, máximo, mínimo y cierre a partir de tus propios datos o de un conjunto de datos, sobre un eje de fecha y hora. Cuando años de barras se encuentran con una ventana estrecha, las velas que caen en la misma columna de píxeles se fusionan en una vela correcta (primera apertura, máximo más alto, mínimo más bajo, último cierre, volumen sumado), así que el gráfico nunca muestra un pico engañoso. La serie OHLC dibuja los mismos datos como barras con marcas de apertura y cierre, una opción compacta para historiales largos. Ambas series funcionan con el zoom, el desplazamiento y la cruz de cada gráfico.

  • TsgcChartSeries_Candlestick y TsgcChartSeries_OHLC comparten un único búfer OHLC
  • TsgcChartDataSource_DataSet asocia OpenField, HighField, LowField, CloseField y VolumeField
  • Fusión de velas por columna de píxeles mediante sgcChartDecimateOHLC
  • Ambas series están en todas las ediciones, incluida la compilación .NET Community gratuita
Leer el tema de la ayuda
Indicadores técnicos sin escribir las matemáticas

Gráficos financieros Solo registrada

Indicadores técnicos sin escribir las matemáticas

Los analistas esperan medias móviles, bandas de Bollinger, RSI y MACD sobre el gráfico de precios. Cada indicador es una serie: apunta su Source a una serie de velas y se recalcula cada vez que cambian las velas. Sin fórmulas que programar, probar o mantener sincronizadas con los datos en vivo. Los osciladores como RSI y Estocástico dibujan sus líneas guía de sobrecompra y sobreventa, y cada serie de indicador aparece en la leyenda con su propio color. Colócalos en el panel de precios o dale a cada uno un panel propio.

  • Tendencia: TsgcChartSeries_SMA, TsgcChartSeries_EMA, TsgcChartSeries_WMA, TsgcChartSeries_Bollinger
  • Osciladores: TsgcChartSeries_RSI, TsgcChartSeries_MACD, TsgcChartSeries_Stochastic, con GuideLines
  • Volatilidad y volumen: TsgcChartSeries_ATR, TsgcChartSeries_VWAP, TsgcChartSeries_Volume
  • Recalculate bajo demanda, Values para leer el resultado calculado

La compilación .NET Community incluye las series de velas y OHLC, pero no las series de indicadores.

Leer el tema de la ayuda
Paneles, un marcador de último valor y la banda de oferta y demanda

Gráficos financieros Solo registrada

Paneles, un marcador de último valor y la banda de oferta y demanda

Un diseño de trading apila precio, volumen y un oscilador en paneles separados que comparten un eje de tiempo, así que al hacer zoom en el precio se amplía todo lo que hay debajo. Un marcador en el eje de precios muestra el último valor de un vistazo, y una banda sombreada muestra el diferencial actual entre oferta y demanda mientras llegan las cotizaciones. Las alturas de los paneles son porcentajes, de modo que el diseño se escala con la ventana y sobrevive a un cambio de tamaño. Cada panel tiene además una propiedad Visible, así que una pantalla puede ofrecer un panel de indicador solo cuando el usuario lo pide.

  • Colección Panes de TsgcChartPane con HeightPercent; el usuario arrastra el divisor entre paneles
  • Cada eje se asigna a un panel con su propiedad Pane
  • LastValueMarker con Color y Visible
  • BidAskBand con Bid, Ask, BidColor y AskColor
Leer el tema de la ayuda

Gráficos financieros Solo registrada

Herramientas de dibujo para analistas

Los traders marcan niveles de soporte, canales de tendencia y retrocesos directamente sobre el gráfico. Elige una herramienta, arrastra sobre el área de trazado y el dibujo queda anclado a coordenadas de datos, así que se mantiene sobre las velas correctas cuando el usuario hace zoom o se desplaza. Los dibujos son una colección que también puedes rellenar desde código, bloquear contra la edición o eliminar. Las líneas pueden ser continuas, discontinuas o punteadas, con su propio color y grosor. Como los dibujos son una colección ordinaria con coordenadas simples, puedes guardarlos con el espacio de trabajo del usuario y volver a añadirlos en el siguiente arranque.

  • Interaction.DrawingTool: cdtTrendLine, cdtHorizontalLine, cdtVerticalLine, cdtRectangle, cdtFibonacci
  • Colección Drawings con X1, Y1, X2, Y2, Color, Dash y Locked
  • DeleteSelectedDrawing elimina el dibujo que el usuario ha seleccionado
  • Se muestra en la demo DrawingTools
Leer el tema de la ayuda

Anotaciones y edición

Explica los datos sobre el gráfico y deja que los usuarios ajusten el gráfico en tiempo de ejecución.

Anotaciones y edición

Anotaciones y pantallas ISA-101

Una pantalla de operador necesita el límite de alarma como una línea, el rango normal de funcionamiento como una banda y una nota en el momento en que empezó el lote. Las anotaciones se colocan en valores de datos, por lo que permanecen en su sitio cuando el usuario hace zoom, se desplaza o llegan puntos nuevos. Una llamada puede señalar un punto de datos fijo o seguir el punto más reciente de una serie en vivo. Para las salas de control, ApplyISA101Theme cambia el gráfico al estilo gris y apagado de las pantallas HMI ISA-101. El color se reserva para los estados anómalos, así que los colores de alarma de las prioridades 1 a 4 destacan en una pantalla tranquila.

  • Colección Annotations en TsgcChart, un TsgcChartAnnotation por elemento
  • Kind: cakText, cakLine, cakHorizontalLine, cakVerticalLine, cakRectangle, cakHorizontalBand o cakCallout
  • AnchorSeries y AnchorPoint atan una llamada a un punto de datos, y el valor por defecto de AnchorPoint, -1, sigue el punto más reciente
  • Las anotaciones siguen el tema y el alto contraste de Windows, y los lectores de pantalla leen su texto
  • ApplyISA101Theme conserva los colores de alarma de las prioridades 1 a 4

Las anotaciones y el preajuste ISA-101 están en todas las ediciones, incluida la edición Community gratuita, en VCL, FireMonkey, WinForms, WPF y Avalonia. El preajuste se describe en Temas y paleta.

Leer el tema de la ayuda
Diseñador de gráficos, página Datos: tipo de gráfico, series por columnas o por filas, primeros N, serie circular, etiquetas de datos, totales generales y las series combinadas de cada medida

Anotaciones y edición

Deja que los usuarios editen el gráfico

Antes de llevar un gráfico a una presentación, un usuario quiere la línea de ventas en el color corporativo, un título de eje más claro y la serie de devoluciones oculta. Con el editor de gráficos en tiempo de ejecución lo hace él mismo, sin una nueva compilación de la aplicación. Una sola llamada abre un diálogo donde el usuario edita los títulos, la leyenda, los ejes y cada serie: su color, su visibilidad, el suavizado y su tipo, cambiado a otro tipo de serie compatible.

Para un gráfico enlazado a una tabla mediante TsgcChartTableLink, el diseñador de gráficos añade una página Datos al mismo diálogo: el tipo de gráfico (columnas agrupadas, apiladas o apiladas al 100%, líneas, área, circular, anillo o combinado), las series por columnas o por filas, los primeros N, la serie circular, las etiquetas de datos con un formato, la fila y la columna de total general de una tabla dinámica, y el tipo de serie y el eje de cada medida de un gráfico combinado. Es el diseñador del gráfico dinámico de sgcPivotGrid y funciona con cualquier tabla que dibuje el vínculo. Solo registrada

  • ShowEditor en VCL, FireMonkey, WinForms y WPF
  • ShowEditorAsync en Avalonia
  • Títulos, leyenda y ejes en un solo diálogo
  • Por serie: color, visibilidad, Smooth y el tipo de serie dentro de los tipos compatibles
  • sgcVCLShowChartDesigner y sgcFMXShowChartDesigner en Delphi, ShowDesigner y ShowDesignerAsync en .NET, y un verbo Chart designer... en el IDE de Delphi

El editor de gráficos en tiempo de ejecución está en todas las ediciones, incluida la edición Community gratuita. El diseñador de gráficos y los tipos apilado al 100%, circular, anillo y combinado del vínculo de tabla no están en la edición Community; el vínculo de tabla con barras, barras apiladas, líneas y área sí.

Leer el tema de la ayuda Leer el tema del diseñador de gráficos

Datos en vivo y exploración

Transmite grandes conjuntos de datos y deja que los usuarios miren más de cerca.

Datos en vivo y exploración

Un millón de puntos sin tirones

Los registros de sensores, los niveles de audio y los datos de ticks crecen sin fin. La serie de línea rápida guarda sus puntos en un búfer circular de Capacity fija, así que la memoria se mantiene estable y los puntos más antiguos van saliendo. Al pintar, cada serie reduce los puntos visibles a alrededor de un conjunto por columna de píxeles, y el gráfico se repinta como mucho MaxFPS veces por segundo por rápido que lleguen los datos. La demo LiveLine transmite a un búfer de 1,000,000 de puntos desde un hilo en segundo plano. La demo te permite cambiar la velocidad de la fuente y la ventana visible mientras se ejecuta, para que puedas juzgar el comportamiento en tu propio equipo antes de escribir una línea de código.

  • TsgcChartSeries_FastLine con Capacity y BufferMode (cbmOverwrite o cbmGrow)
  • Decimation: dmNone, dmMinMax (visualmente exacta) o dmLTTB
  • TimeWindow muestra solo los últimos N segundos de un eje en flujo continuo
  • AddXY y AddY añaden puntos a medida que llegan
Leer el tema de la ayuda

Datos en vivo y exploración

Zoom, desplazamiento, cruz y tooltips integrados

Los usuarios quieren mirar de cerca la parte interesante de los datos. Todos los gráficos admiten ya zoom con la rueda, zoom por recuadro con el ratón, desplazamiento y gestos táctiles, con una cruz y un tooltip que se ajustan al punto más cercano. En un gráfico en flujo continuo, el zoom pausa el desplazamiento automático, que se reanuda solo tras un retraso que eliges. Cada opción es una propiedad, así que una pantalla de quiosco puede desactivar la interacción y una pantalla de analista puede limitar el zoom al eje de tiempo. El mismo comportamiento funciona en las vistas VCL, FireMonkey y .NET.

  • TsgcChartInteraction: WheelZoom, BoxZoom, Pan, ZoomMode (czmX, czmY, czmXY)
  • Crosshair, Tooltip y SnapToPoint
  • AutoScrollResumeDelay y Paused para gráficos en vivo
  • Eventos OnZoom, OnCrosshairMove y OnSeriesClick, ResetZoom para volver atrás
Leer el tema de la ayuda

Datos de entrada, imágenes de salida

Enlaza los datos que tienes, alimenta flujos en vivo y renderiza gráficos en cualquier parte.

Demo DataSetChart de sgcCharts con una cuadrícula de base de datos a la izquierda y el gráfico a la derecha

Datos de entrada, imágenes de salida

Enlaza CSV, JSON o cualquier TDataSet

La mayoría de los gráficos muestran datos que ya tienes: el resultado de una consulta, un archivo exportado, una respuesta REST o las filas de una cuadrícula. Las fuentes de datos los cargan en una serie sin un bucle de llamadas a AddXY. Indica los campos o columnas, llama a Refresh cuando cambien los datos y el gráfico los sigue. La fuente de conjunto de datos también asocia los campos de apertura, máximo, mínimo, cierre y volumen para las velas. Las fuentes de datos son componentes, así que las configuras en tiempo de diseño en el Inspector de objetos. Activa Live y el gráfico sigue al conjunto de datos sin nada de código: cuando un usuario guarda, elimina o inserta un registro en una cuadrícula, o cambia el filtro, el gráfico se recarga.

  • TsgcChartDataSource_DataSet lee cualquier TDataSet mediante XField, YField y LabelField
  • Live sigue las modificaciones, eliminaciones, inserciones y filtros mediante un TDataLink, con regulación para que una ráfaga de cambios cueste una sola recarga; en .NET, Live sigue los cambios de un DataTable
  • FollowCursor mueve el punto enfocado a medida que el usuario recorre el conjunto de datos (Delphi)
  • ExtraFields alimenta las columnas de tamaño, mínimo, cuartiles o tipo de las series de burbujas, área de rango, diagrama de caja y cascada
  • TsgcChartDataSource_CSV y TsgcChartDataSource_JSON para archivos y respuestas de API
  • TsgcChartDataSource_Table para una tabla en memoria, por ejemplo las filas de un sgcGrid
  • TsgcChartDataSource_Manual para puntos enviados desde código o desde un hilo en segundo plano
Leer el tema de la ayuda

Datos de entrada, imágenes de salida Solo registrada

Fuentes de mercado e IoT en vivo sin código de enlace

Conecta un gráfico a un broker o a un flujo de mercado y dibujará cada mensaje según llegue. El puente sgcChartsWS se engancha al evento de mensaje de un cliente de sgcWebSockets y convierte el JSON en puntos o velas. La fuente Binance puede construir velas a partir de operaciones en bruto con un agregador en intervalos de un segundo a un mes. Cuando una fuente se detiene, restaura el manejador de eventos anterior del cliente.

  • TsgcChartDataSource_Binance: Symbol, Stream (cbsKLine, cbsTicker, cbsTrade), Interval
  • TsgcChartDataSource_MQTT con TopicFilter y PayloadFormat
  • TsgcChartDataSource_WebSocket y TsgcChartDataSource_SSE para JSON sobre WebSocket o eventos enviados por el servidor
  • TsgcChartAggregator convierte operaciones en velas con AddTrade

El puente necesita sgcWebSockets. En Community, alimenta el gráfico desde tu propio código con la fuente de datos manual.

Leer el tema de la ayuda

Datos de entrada, imágenes de salida

PNG y SVG en un servidor, sin ventana

Los gráficos suelen salir de la pantalla: un correo de informe diario, un PDF, una página web o un endpoint REST que devuelve una imagen. TsgcChartRenderer dibuja el mismo modelo de gráfico en PNG o SVG sin formulario ni bucle de mensajes, en una aplicación de consola, un servicio de Windows o un servidor Linux64 creado con Delphi 10.2 o posterior. En pantalla, las vistas guardan lo que ve el usuario con una sola llamada. La salida usa el mismo tema, las mismas fuentes y la misma paleta que la pantalla, así que un gráfico en un PDF es idéntico al del cuadro de mando.

  • RenderToPNGFile, RenderToPNGStream, RenderToSVGFile, RenderToSVGStream
  • Width, Height y Scale para imágenes de alta densidad
  • SaveToPNG y SaveToSVG en TsgcVCLChart
  • Demos Headless y HeadlessService; en .NET, el paquete esegece.sgcCharts.Rendering
Leer el tema de la ayuda

Accesibilidad

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

Accesibilidad

Un gráfico expuesto a UI Automation punto por punto

sgcCharts expone el gráfico a Microsoft UI Automation con su título, ejes, leyenda, series y puntos de datos. Cada punto expone su categoría y su valor, y el gráfico se describe a sí mismo con la misma alternativa de texto que escribe en un PDF accesible.

  • Izquierda y Derecha pasan al punto de datos anterior o siguiente, Arriba y Abajo a la serie anterior o siguiente, e Inicio y Fin al primer o último punto
  • Re Pág y Av Pág saltan una décima parte de los puntos, Intro activa el punto con el foco como un clic y Esc quita el foco del punto
  • El gráfico es una parada de tabulación y muestra un anillo de foco visible
  • Con un tema de alto contraste de Windows, las series usan los colores del sistema y, cuando el tipo de serie lo permite, se distinguen por patrones de línea y marcadores

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). El zoom y el desplazamiento con el ratón y las herramientas de dibujo financieras no tienen alternativa de teclado.

Leer el tema de la ayuda
EN ACCIÓN

Mira sgcCharts en acción

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

Velas con bandas de Bollinger, un panel de volumen y herramientas de dibujo.

Velas con bandas de Bollinger, un panel de volumen y herramientas de dibujo.

Altamira Markets →
Doce sensores en tres paneles apilados con bandas de límite de alarma.

Doce sensores en tres paneles apilados con bandas de límite de alarma.

Altamira Plant →
Gráficos de embudo, anillo y barras del historial de entregas.

Gráficos de embudo, anillo y barras del historial de entregas.

Altamira Fleet →
Un gráfico de burbujas de valor frente a riesgo y un treemap de presupuesto.

Un gráfico de burbujas de valor frente a riesgo y un treemap de presupuesto.

Altamira PMO →
Ver todas las demos de la suite
MEDIDO

Medido en las demos y en la ayuda

Cifras de la demo LiveLine incluida y de la referencia de decimación, para que puedas reproducirlas tú mismo.

MediciónResultadoCondiciones
Puntos en el búfer circular de LiveLine1,000,000TsgcChartSeries_FastLine alimentada desde un hilo en segundo plano mediante TsgcChartDataSource_Manual
Puntos conservados por columna de píxelescomo máximo 4Decimación dmMinMax: primer punto, mínimo, máximo y último

Fuente: el tema de la ayuda que documenta estas cifras.

CASOS DE USO

Quién construye con sgcCharts

Plataformas de trading y cripto

Una aplicación de mesa de operaciones muestra velas del símbolo seleccionado, medias móviles y bandas de Bollinger en el panel de precios, RSI y volumen en los paneles de debajo, y la banda de oferta y demanda mientras llegan las cotizaciones. Los analistas dibujan líneas de tendencia y niveles de Fibonacci que permanecen anclados al hacer zoom. La fuente Binance construye las velas directamente a partir del flujo del mercado.

  • Serie de velas
  • Indicadores y paneles
  • Herramientas de dibujo
  • Fuente de datos Binance
Ejecuta la demo BinanceLive

Monitorización industrial e IoT

Un cliente de sala de control dibuja decenas de sensores a la vez. Las series de línea rápida con búferes circulares guardan horas de lecturas en memoria fija, una ventana de tiempo muestra los últimos minutos y la decimación mantiene ligero el repintado. Los temas MQTT alimentan los gráficos directamente, y un mapa de calor muestra qué máquinas se calientan.

  • Línea rápida y búfer circular
  • Ventana de tiempo
  • Fuente de datos MQTT
  • Mapa de calor
Ejecuta la demo MQTTSensors

Informes de negocio e imágenes generadas

Un servicio de back office renderiza el donut de ingresos semanales, el embudo de ventas y una tendencia de doce meses como PNG para el correo de dirección y como SVG para la intranet. El mismo código de gráfico se ejecuta también dentro de la aplicación de escritorio, enlazado al mismo conjunto de datos, así que las cifras y los colores siempre coinciden.

  • Donut y embudo
  • Fuente de datos DataSet
  • TsgcChartRenderer
  • Temas
Ejecuta la demo Headless
INICIO RÁPIDO

Un gráfico donut en pocas líneas

La misma API en Delphi, C++ Builder y C#: ingresos por región como donut con una porción Otros, sobre un tema oscuro, exportado a PNG.

Construye el modelo, una serie circular con un agujero del 55 por ciento, una vista VCL y un renderizador que escribe un PNG de 1200 x 700 píxeles.

uses
  Controls, sgcUICore_Theme, sgcCharts_Chart, sgcCharts_Series_Pie,
  sgcCharts_Renderer, sgcCharts_VCL;

// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, exported to PNG.
procedure BuildDonut(aOwner: TWinControl);
var
  oChart: TsgcChart;
  oView: TsgcVCLChart;
  oPie: TsgcChartSeries_Pie;
  oPNG: TsgcChartRenderer;
begin
  oChart := TsgcChart.Create(aOwner);
  oChart.Theme := utDark;
  oChart.Title.Text := 'Revenue by region';
  oChart.Legend.Position := clpRight;

  oPie := TsgcChartSeries_Pie.Create(aOwner);
  oPie.Chart := oChart;
  oPie.InnerRadiusPercent := 55;
  oPie.OthersThreshold := 4;
  oPie.OthersText := 'Others';
  oPie.ExplodeOnClick := True;
  oPie.AddItem('North America', 420);
  oPie.AddItem('Europe', 310);
  oPie.AddItem('Asia Pacific', 280);
  oPie.AddItem('Latin America', 95);
  oPie.AddItem('Middle East', 12);

  oView := TsgcVCLChart.Create(aOwner);
  oView.Parent := aOwner;
  oView.Align := alClient;
  oView.Chart := oChart;

  oPNG := TsgcChartRenderer.Create(aOwner);
  oPNG.Chart := oChart;
  oPNG.RenderToPNGFile('revenue.png', 1200, 700);
end;

Leer el tema de la ayuda →

El mismo donut en C++ Builder, con las cabeceras sgcCharts_*.hpp generadas.

#include <vcl.h>
#include "sgcUICore_Theme.hpp"
#include "sgcCharts_Chart.hpp"
#include "sgcCharts_Series_Pie.hpp"
#include "sgcCharts_Renderer.hpp"
#include "sgcCharts_VCL.hpp"

// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, exported to PNG.
void BuildDonut(TWinControl *aOwner)
{
  TsgcChart *oChart = new TsgcChart(aOwner);
  oChart->Theme = utDark;
  oChart->Title->Text = "Revenue by region";
  oChart->Legend->Position = clpRight;

  TsgcChartSeries_Pie *oPie = new TsgcChartSeries_Pie(aOwner);
  oPie->Chart = oChart;
  oPie->InnerRadiusPercent = 55;
  oPie->OthersThreshold = 4;
  oPie->OthersText = "Others";
  oPie->ExplodeOnClick = true;
  oPie->AddItem("North America", 420, 0);
  oPie->AddItem("Europe", 310, 0);
  oPie->AddItem("Asia Pacific", 280, 0);
  oPie->AddItem("Latin America", 95, 0);
  oPie->AddItem("Middle East", 12, 0);

  TsgcVCLChart *oView = new TsgcVCLChart(aOwner);
  oView->Parent = aOwner;
  oView->Align = alClient;
  oView->Chart = oChart;

  TsgcChartRenderer *oPNG = new TsgcChartRenderer(aOwner);
  oPNG->Chart = oChart;
  oPNG->RenderToPNGFile("revenue.png", 1200, 700);
}

Leer el tema de la ayuda →

Sin ventana en C#: el mismo modelo renderizado a PNG sin ventana, desde el paquete Rendering.

using esegece.sgcCharts;
using esegece.sgcUICore;

// Revenue by region as a donut chart with an "Others" slice,
// on a dark theme, rendered headless to PNG (no window needed).
public static class RevenueDonut
{
    public static void Render()
    {
        var oChart = new TsgcChart();
        oChart.Theme = TsgcUITheme.utDark;
        oChart.Title.Text = "Revenue by region";
        oChart.Legend.Position = TsgcChartLegendPosition.clpRight;

        var oPie = new TsgcChartSeries_Pie();
        oPie.Chart = oChart;
        oPie.InnerRadiusPercent = 55;
        oPie.OthersThreshold = 4;
        oPie.OthersText = "Others";
        oPie.ExplodeOnClick = true;
        oPie.AddItem("North America", 420);
        oPie.AddItem("Europe", 310);
        oPie.AddItem("Asia Pacific", 280);
        oPie.AddItem("Latin America", 95);
        oPie.AddItem("Middle East", 12);

        var oPNG = new TsgcChartRenderer();
        oPNG.Chart = oChart;
        oPNG.RenderToPNGFile("revenue.png", 1200, 700);
    }
}
dotnet add package esegece.sgcCharts.Rendering

Leer el tema de la ayuda →

Descargar prueba
DEMOS

Ejecuta las demos de sgcCharts

19 demos para Delphi, las mismas 19 para C++ Builder y 12 para .NET, todas en la descarga de demos compiladas. Estas son las que muestran las funciones de arriba.

LiveLine

LiveLine

Una serie de línea rápida con un búfer circular de 1,000,000 de puntos alimentado desde un hilo en segundo plano, una ventana de tiempo de 10 s, 60 s o de todo el búfer, un cambio de tema y una cruz sobre todo el flujo.

Candlestick

Velas diarias sobre un eje de fecha y hora con un eje de volumen. Haz zoom y desplázate con el ratón; donde muchas velas comparten una columna de píxeles se fusionan en una vela correcta.

Solo registrada DrawingTools

Líneas de tendencia, líneas horizontales y verticales, rectángulos y retrocesos de Fibonacci dibujados con el ratón sobre un gráfico de velas, y después seleccionados, bloqueados o eliminados.

DataSetChart

DataSetChart

Un conjunto de datos de cliente de 1,000 filas mostrado en una cuadrícula de base de datos y leído por dos fuentes de conjunto de datos en una serie de líneas y una de barras. Edita una fila, recarga y el gráfico la sigue.

BusinessCharts

BusinessCharts

Series de burbujas, diagrama de caja, cascada y área de rango suavizada con barras de error, anotaciones y una línea de alarma ISA-101, el tema ISA-101 y el editor de gráficos en tiempo de ejecución, sobre un conjunto de datos en vivo que el gráfico sigue. También en .NET como BusinessCharts, BusinessChartsWpf y BusinessChartsAvalonia. También para FireMonkey como BusinessChartsFMX.

Solo registrada BinanceLive

Velas en vivo desde un flujo de mercado de Binance mediante el puente sgcChartsWS, en un gráfico financiero con paneles e indicadores. Necesita sgcWebSockets.

Solo registrada MQTTSensors

Lecturas de sensores alimentadas por temas MQTT mediante el puente sgcChartsWS y dibujadas según llegan. Necesita sgcWebSockets y un broker MQTT.

Headless

Un programa de consola que construye un gráfico y escribe archivos PNG y SVG sin ventana. HeadlessService hace lo mismo desde un servicio de Windows.

Demos compiladas

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

Descargar sgcUI_bin.zip →
EDICIONES

Dónde se incluye sgcCharts

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

Paquete individual de sgcCharts

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

Comprar sgcCharts → Ver precios →

sgcUI Professional

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

Ver Professional →

sgcUI Enterprise

Los 15 productos sgcUI, desde €699.

Ver Enterprise →

La edición Community gratuita (esegece.sgcCharts.Community en NuGet) incluye las diecisiete series, las anotaciones, las barras de error, el preajuste ISA-101, el editor en tiempo de ejecución, las vistas, los búferes, las fuentes manual, CSV, JSON y de conjunto de datos, la interacción y la salida sin ventana. No incluye el paquete financiero (series de indicadores y de volumen, paneles, agregador, herramientas de dibujo, marcador de último valor, banda de oferta y demanda), el diseñador de gráficos con los tipos avanzados de vínculo de tabla ni el puente sgcChartsWS.

FunciónCommunity (gratuita)Registrada
17 tipos de serie, velas y OHLC incluidos✓✓
Línea rápida, búferes circulares y decimación✓✓
Zoom, desplazamiento, cruz y tooltips✓✓
Fuentes de datos manual, CSV, JSON y de conjunto de datos en vivo✓✓
Temas, exportación PNG y SVG, renderizador sin ventana✓✓
Anotaciones, barras de error, preajuste ISA-101 y editor de gráficos en tiempo de ejecución✓✓
Series de indicadores y de volumen−✓
Paneles, marcador de último valor, banda de oferta y demanda−✓
Herramientas de dibujo y agregador de operaciones−✓
Fuentes en vivo de sgcChartsWS (Binance, MQTT, WebSocket, SSE)−✓
Diseñador de gráficos para vínculos de tabla, con los tipos apilado al 100%, circular, anillo y combinado−✓
PLATAFORMAS

Frameworks y plataformas compatibles

Componentes de sgcCharts

ComponenteQué es
TsgcChartEl modelo de gráfico: ejes, series, leyenda, tema e interacción.
TsgcVCLChart, TsgcFMXChartLas vistas para VCL y FireMonkey.
TsgcChartRendererRenderizado PNG y SVG sin ventana, también en un servicio y en Linux64.
TsgcChartSeries_*Los 17 tipos de serie y las series de indicadores financieros.
TsgcChartDataSource_Manual, _CSV, _JSON, _DataSet, _TableFuentes de datos para puntos, archivos, conjuntos de datos y tablas.
TsgcChartDataSource_WebSocket, _MQTT, _SSE, _BinanceFuentes en vivo del puente sgcChartsWS (solo edición registrada).
DestinoComponentePlataformas
Delphi 7 a 13, VCLTsgcVCLChartWin32 y Win64
Delphi XE6 a 13, FireMonkeyTsgcFMXChartWindows, macOS, iOS y Android
C++ Builder 2007 a 13TsgcVCLChart, TsgcFMXChartCabeceras .hpp generadas y bibliotecas estáticas
Delphi 10.2 a 13, sin ventanaModelo y TsgcChartRendererLinux64, PNG y SVG en un servidor
.NET Framework 4.7.2, .NET 8, 9 y 10TsgcWinFormsChart, TsgcWpfChart, TsgcAvaloniaChartWinForms, WPF, Avalonia 12 y renderizado sin ventana
PREGUNTAS FRECUENTES

Preguntas frecuentes

La demo LiveLine transmite a una serie de línea rápida con un búfer circular de 1,000,000 de puntos desde un hilo en segundo plano. La memoria se mantiene fija porque el búfer tiene una Capacity establecida, la decimación reduce los puntos visibles a unos pocos por columna de píxeles y MaxFPS limita la tasa de repintado. Ejecuta la demo compilada para verlo en tu propio equipo.

Diecisiete: línea, línea rápida, línea escalonada, área, área de rango, barras, dispersión, burbujas, velas, OHLC, circular y donut, radar, mapa de calor, treemap, embudo, diagrama de caja y cascada. Cada uno es un componente, así que puedes combinar varios en un mismo gráfico, con tantos ejes como necesites.

No. Community incluye las series de velas y OHLC, pero no las series de indicadores y de volumen, los paneles, el agregador, las herramientas de dibujo, el marcador de último valor ni la banda de oferta y demanda. Eso, y las fuentes en vivo de sgcChartsWS, necesita la edición registrada. Consulta Ediciones en la ayuda.

Sí. SaveToPNG y SaveToSVG guardan lo que muestra una vista, y TsgcChartRenderer renderiza un modelo de gráfico a archivos o flujos PNG o SVG sin ventana, con el ancho, el alto y la escala que elijas. Es el camino habitual hacia un PDF o el cuerpo de un correo.

Sí, sin ventana. Desde Delphi 10.2, el modelo de gráfico y TsgcChartRenderer se compilan para Linux64 y escriben PNG y SVG. No hay control de vista para Linux. En .NET, el paquete esegece.sgcCharts.Rendering apunta a .NET Standard 2.0, .NET Framework 4.7.2 y .NET 6, 8, 9 y 10.

Puntos manuales, CSV, JSON, cualquier TDataSet y una tabla en memoria en cada licencia de producto. Con la edición registrada y sgcWebSockets, el puente sgcChartsWS añade flujos de mercado de Binance, temas MQTT, JSON sobre WebSocket y eventos enviados por el servidor.

DOCUMENTACIÓN

Ayuda de sgcCharts

Delphi

Introducción, Inicio rápido, Plataformas, Serie circular, Vista VCL, Paneles, Puente, Decimación.

C++ Builder

Introducción, Inicio rápido, Plataformas, Serie circular, Puente.

.NET

Resumen de .NET, Galería de series, Plataformas, Puente.

Manuales en PDF

Delphi, C++ Builder y .NET, que cubren todos los productos sgcUI.

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 sgcCharts hoy

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

Descargar prueba Comprar sgcCharts