Delphi, C++ Builder & .NET Fait partie de sgcUI

sgcCharts, graphiques pour Delphi, C++ Builder & .NET

Une seule bibliothèque pour tes tableaux de bord, analyses et écrans de trading. Dix-sept types de séries, de la courbe à la cascade, des indicateurs SMA, RSI, MACD et Bollinger, des flux en direct, zoom et outils de dessin, et l'export PNG ou SVG. La démo LiveLine diffuse 1 000 000 de points dans un tampon circulaire.

VCL, FireMonkey, WinForms, WPF, Avalonia17 types de séries dans un seul modèleDémo LiveLine : 1 000 000 de points dans un tampon circulaireInclus dans sgcUI Professional
Télécharger l'essai Voir en action
Graphique en chandeliers sgcCharts avec bandes de Bollinger, moyennes mobiles, volume, RSI et outils de dessin
FONCTIONNALITÉS CLÉS

Tout ce qu'il faut à une bibliothèque de graphiques

Dix-huit fonctions en sept groupes. Chacune nomme le composant ou la propriété réels et renvoie vers sa rubrique d'aide. Les fonctions marquées Enregistrée ne font pas partie de la version .NET Community gratuite.

Types de graphiques

Un modèle, dix-sept types de séries, autant d'axes que tes données le demandent.

Graphique en aire sgcCharts issu de la galerie de séries

Types de graphiques

Dix-sept types de graphiques sur un seul modèle

Un écran de ventes a besoin de barres et d'un donut, un écran de laboratoire de nuages de points et de heatmap, un écran de trading de chandeliers. sgcCharts couvre tout avec un seul modèle : chaque série est un composant que tu déposes sur la fiche ou crées en code, relies à un TsgcChart et mélanges librement avec les autres. Tu apprends l'API une fois et tu la réutilises sur chaque écran.

  • Courbe, courbe rapide, courbe en escalier, aire, aire d'intervalle, barres, nuage de points, bulles, chandeliers et OHLC sur des axes numériques, date et heure, logarithmiques ou par catégories
  • Secteurs et donut, radar, heatmap, treemap, entonnoir, boîte à moustaches et cascade pour les données par catégorie
  • TsgcChartSeries_Bar dessine des barres verticales ou horizontales, groupées ou empilées (Grouping)
  • Les dix-sept sont présents dans toutes les éditions, y compris la version .NET Community gratuite
  • De droite à gauche pour l'arabe et l'hébreu : le titre, la légende, les infobulles, la barre d'outils et le sélecteur de plage sont en miroir, et MirrorPlot met aussi en miroir la zone de tracé et ses axes
Lire la rubrique d'aide
Treemap avec exploration en profondeur de sgcCharts à côté d'un entonnoir de ventes

Types de graphiques

Donut, treemap et entonnoir pour les données métier

Les rapports de direction demandent des parts, des hiérarchies et des étapes de conversion. La série en secteurs devient un donut avec une seule propriété et regroupe la longue traîne de petites parts dans une part Autres, pour que le graphique reste lisible. Le treemap dimensionne des rectangles imbriqués selon la valeur et explore en profondeur au clic, et l'entonnoir montre chaque étape d'un processus de vente ou de support avec son pourcentage. Les libellés peuvent se placer à l'intérieur ou à l'extérieur des parts, et le treemap colore ses rectangles par groupe ou par valeur avec une échelle de couleurs. Chaque série suit le thème du graphique, le rapport s'harmonise donc avec le reste de l'application.

  • InnerRadiusPercent crée le donut, OthersThreshold et OthersText regroupent les petites parts
  • ExplodeOnClick sort une part du cercle quand l'utilisateur clique dessus
  • TsgcChartSeries_Treemap avec DrillOnClick, DrillUp et l'événement OnDrill
  • TsgcChartSeries_Funnel avec NeckWidthPercent et ProportionalHeight
Lire la rubrique d'aide

Types de graphiques

Bulles, boîte à moustaches, cascade et aire d'intervalle

Une équipe finance veut le pont de rentabilité entre le budget et le réalisé, un ingénieur qualité veut la dispersion des temps de cycle par équipe et un chef de produit veut le chiffre d'affaires, la marge et les effectifs sur un seul graphique. Quatre séries couvrent ces cas. La série de bulles ajoute une taille à X et Y. La boîte à moustaches résume un échantillon avec ses quartiles, sa médiane et ses valeurs aberrantes. La cascade construit un total à partir d'étapes positives et négatives, avec des sous-totaux et des totaux en chemin. L'aire d'intervalle remplit la bande entre une valeur basse et une valeur haute, pour un intervalle de prévision ou un couloir de tolérance.

  • TsgcChartSeries_Bubble avec AddBubble, MinBubbleSize, MaxBubbleSize et SizeMode, dimensionnée par la surface (cbsArea) ou par le diamètre (cbsDiameter)
  • TsgcChartSeries_BoxPlot dessine le minimum, les quartiles, la médiane, le maximum et une moyenne facultative ; AddValues calcule les quartiles à partir de l'échantillon brut comme QUARTILE.INC d'Excel et repère les valeurs aberrantes de Tukey
  • TsgcChartSeries_Waterfall avec AddStep, AddSubtotal, AddTotal et ShowConnectors
  • TsgcChartSeries_RangeArea avec AddRange pour la bande des valeurs basse et haute
  • Les quatre sont présentes dans toutes les éditions, y compris la version Community gratuite, sur VCL, FireMonkey, WinForms, WPF et Avalonia
Lire la rubrique d'aide

Types de graphiques

Courbes lissées et barres d'erreur

Un rapport de laboratoire montre chaque mesure avec son incertitude, et la tendance d'un tableau de bord se lit mieux en courbe qu'en zigzag. Active Smooth sur une série de courbe, d'aire ou d'aire d'intervalle et elle est tracée comme une spline cubique monotone. La courbe ne dépasse jamais les données, elle ne montre donc aucun pic ni creux que les valeurs n'ont pas. Les barres d'erreur ajoutent l'incertitude de chaque point aux séries de courbe, d'aire, de nuage de points et de barres, à partir d'une valeur fixe, d'un pourcentage, de l'écart type de la série ou de tes propres valeurs par point.

  • Smooth sur TsgcChartSeries_Line, TsgcChartSeries_Area et TsgcChartSeries_RangeArea
  • ErrorBars.Kind : cebFixed, cebPercent, cebStdDev ou cebCustom avec AddCustom
  • Direction : cedBoth, cedPlus ou cedMinus, avec des embouts dimensionnés par CapWidth
  • L'axe des valeurs s'élargit tout seul, aucune barre d'erreur n'est donc coupée
  • Dans toutes les éditions, y compris la version Community gratuite, sur VCL, FireMonkey, WinForms, WPF et Avalonia
Lire la rubrique d'aide
Trois séries tracées sur trois axes de valeurs distincts

Types de graphiques

Plusieurs axes sur un même graphique

Température et pression, chiffre d'affaires et unités, prix et volume : des données réelles partagent rarement une même échelle. Ajoute autant d'axes que nécessaire, place-les à gauche, à droite, en haut ou en bas, et lie chaque série à sa propre paire. Chaque axe choisit son type, sa plage et son format de libellé, un axe du bas en date et heure peut donc se trouver sous un axe gauche numérique et un axe droit logarithmique. Chaque série nomme les axes qu'elle utilise, deux courbes peuvent ainsi partager l'axe gauche pendant qu'une troisième utilise celui de droite. Les axes zooment indépendamment, et ResetZoom les ramène à la plage complète.

  • Collection Axes de TsgcChart, un TsgcChartAxis par échelle
  • AxisType : catNumeric, catLogarithmic, catDateTime ou catCategory
  • Position : capLeft, capRight, capTop ou capBottom
  • Minimum, Maximum, Automatic, LabelFormat et Inverted par axe
Lire la rubrique d'aide

Graphiques financiers

Les chandeliers dans toutes les éditions, plus le pack financier : indicateurs, volets, marqueurs et outils de dessin.

Graphique en chandeliers sgcCharts sur un axe date et heure

Graphiques financiers

Des graphiques en chandeliers et OHLC toujours nets

L'historique des prix est le cœur de tout écran de trading. Les séries chandeliers et OHLC tracent l'ouverture, le plus haut, le plus bas et la clôture à partir de tes données ou d'un jeu de données, sur un axe date et heure. Quand des années de barres rencontrent une fenêtre étroite, les chandeliers qui tombent dans la même colonne de pixels sont fusionnés en un seul chandelier exact (première ouverture, plus haut maximal, plus bas minimal, dernière clôture, volume cumulé), le graphique ne montre donc jamais de pic trompeur. La série OHLC dessine les mêmes données sous forme de barres avec des repères d'ouverture et de clôture, un choix compact pour les longs historiques. Les deux séries fonctionnent avec le zoom, le déplacement et le réticule de chaque graphique.

  • TsgcChartSeries_Candlestick et TsgcChartSeries_OHLC partagent un même tampon OHLC
  • TsgcChartDataSource_DataSet associe OpenField, HighField, LowField, CloseField et VolumeField
  • Fusion des chandeliers par colonne de pixels avec sgcChartDecimateOHLC
  • Les deux séries sont dans toutes les éditions, y compris la version .NET Community gratuite
Lire la rubrique d'aide
Des indicateurs techniques sans écrire les calculs

Graphiques financiers Enregistrée uniquement

Des indicateurs techniques sans écrire les calculs

Les analystes attendent des moyennes mobiles, des bandes de Bollinger, le RSI et le MACD sur le graphique des prix. Chaque indicateur est une série : pointe sa Source vers une série de chandeliers et il se recalcule à chaque changement des chandeliers. Aucune formule à coder, tester ou garder synchronisée avec les données en direct. Les oscillateurs comme le RSI et le Stochastic tracent leurs lignes de surachat et de survente, et chaque série d'indicateur apparaît dans la légende avec sa propre couleur. Place-les sur le volet des prix ou donne à chacun son propre volet.

  • Tendance : TsgcChartSeries_SMA, TsgcChartSeries_EMA, TsgcChartSeries_WMA, TsgcChartSeries_Bollinger
  • Oscillateurs : TsgcChartSeries_RSI, TsgcChartSeries_MACD, TsgcChartSeries_Stochastic, avec GuideLines
  • Volatilité et volume : TsgcChartSeries_ATR, TsgcChartSeries_VWAP, TsgcChartSeries_Volume
  • Recalculate à la demande, Values pour lire le résultat calculé

La version .NET Community inclut les séries chandeliers et OHLC, mais pas les séries d'indicateurs.

Lire la rubrique d'aide
Volets, marqueur de dernière valeur et bande bid et ask

Graphiques financiers Enregistrée uniquement

Volets, marqueur de dernière valeur et bande bid et ask

Une disposition de trading empile prix, volume et un oscillateur dans des volets séparés qui partagent un même axe temporel, zoomer sur le prix zoome donc tout ce qui est dessous. Un marqueur sur l'axe des prix affiche la dernière valeur d'un coup d'œil, et une bande ombrée montre l'écart actuel entre bid et ask pendant que les cotations arrivent. Les hauteurs des volets sont des pourcentages, la disposition s'adapte donc à la fenêtre et résiste au redimensionnement. Chaque volet a aussi une propriété Visible, un écran peut ainsi proposer un volet d'indicateur seulement à la demande de l'utilisateur.

  • Collection Panes de TsgcChartPane avec HeightPercent ; l'utilisateur déplace le séparateur entre les volets
  • Chaque axe est affecté à un volet avec sa propriété Pane
  • LastValueMarker avec Color et Visible
  • BidAskBand avec Bid, Ask, BidColor et AskColor
Lire la rubrique d'aide

Graphiques financiers Enregistrée uniquement

Des outils de dessin pour les analystes

Les traders marquent supports, canaux de tendance et retracements directement sur le graphique. Choisis un outil, fais glisser sur la zone de tracé, et le dessin est ancré aux coordonnées des données : il reste sur les bons chandeliers quand l'utilisateur zoome ou déplace. Les dessins forment une collection que tu peux aussi remplir en code, verrouiller ou supprimer. Les lignes peuvent être pleines, en tirets ou en pointillés, avec leur propre couleur et épaisseur. Comme les dessins sont une collection ordinaire de coordonnées simples, tu peux les enregistrer avec l'espace de travail de l'utilisateur et les rétablir au démarrage suivant.

  • Interaction.DrawingTool : cdtTrendLine, cdtHorizontalLine, cdtVerticalLine, cdtRectangle, cdtFibonacci
  • Collection Drawings avec X1, Y1, X2, Y2, Color, Dash et Locked
  • DeleteSelectedDrawing supprime le dessin sélectionné par l'utilisateur
  • Visible dans la démo DrawingTools
Lire la rubrique d'aide

Annotations et édition

Explique les données sur le graphique et laisse les utilisateurs ajuster le graphique à l'exécution.

Annotations et édition

Annotations et écrans ISA-101

Un écran d'opérateur a besoin de la limite d'alarme sous forme de ligne, de la plage normale de fonctionnement sous forme de bande et d'une note au moment où le lot a démarré. Les annotations sont placées en valeurs de données, elles restent donc au bon endroit quand l'utilisateur zoome, se déplace ou que de nouveaux points arrivent. Une légende peut pointer vers un point de données fixe ou suivre le point le plus récent d'une série en direct. Pour les salles de contrôle, ApplyISA101Theme bascule le graphique vers le style gris et discret des écrans IHM ISA-101. La couleur est réservée aux états anormaux, de sorte que les couleurs d'alarme des priorités 1 à 4 ressortent sur un écran calme.

  • Collection Annotations sur TsgcChart, un TsgcChartAnnotation par élément
  • Kind : cakText, cakLine, cakHorizontalLine, cakVerticalLine, cakRectangle, cakHorizontalBand ou cakCallout
  • AnchorSeries et AnchorPoint attachent une légende à un point de données, et la valeur par défaut de AnchorPoint, -1, suit le point le plus récent
  • Les annotations suivent le thème et le contraste élevé de Windows, et les lecteurs d'écran lisent leur texte
  • ApplyISA101Theme conserve les couleurs d'alarme des priorités 1 à 4

Les annotations et le préréglage ISA-101 sont présents dans toutes les éditions, y compris la version Community gratuite, sur VCL, FireMonkey, WinForms, WPF et Avalonia. Le préréglage est décrit dans Thèmes et palette.

Lire la rubrique d'aide
Concepteur de graphiques, page Données : type de graphique, séries à partir des colonnes ou des lignes, Top N, série du secteur, étiquettes de données, totaux généraux et séries combinées de chaque mesure

Annotations et édition

Laisse les utilisateurs modifier le graphique

Avant de mettre un graphique dans une présentation, un utilisateur veut la courbe des ventes à la couleur de l'entreprise, un titre d'axe plus clair et la série des retours masquée. Avec l'éditeur de graphique à l'exécution, il le fait lui-même, sans nouvelle compilation de l'application. Un seul appel ouvre une boîte de dialogue où l'utilisateur modifie les titres, la légende, les axes et chaque série : sa couleur, sa visibilité, le lissage et son type, changé pour un autre type de série compatible.

Pour un graphique lié à une table par TsgcChartTableLink, le concepteur de graphiques ajoute une page Données à la même boîte de dialogue : le type de graphique (colonnes groupées, empilées ou empilées à 100 %, courbes, aires, secteurs, anneaux ou graphique combiné), les séries à partir des colonnes ou des lignes, le Top N, la série du secteur, les étiquettes de données avec un format, la ligne et la colonne de total général d'un pivot, ainsi que le type de série et l'axe de chaque mesure d'un graphique combiné. C'est le concepteur du graphique croisé de sgcPivotGrid, et il fonctionne avec toute table que le lien trace. Enregistrée uniquement

  • ShowEditor sur VCL, FireMonkey, WinForms et WPF
  • ShowEditorAsync sur Avalonia
  • Titres, légende et axes dans une seule boîte de dialogue
  • Par série : couleur, visibilité, Smooth et le type de série parmi les types compatibles
  • sgcVCLShowChartDesigner et sgcFMXShowChartDesigner en Delphi, ShowDesigner et ShowDesignerAsync en .NET, et un verbe Chart designer... dans l'IDE Delphi

L'éditeur de graphique à l'exécution est présent dans toutes les éditions, y compris la version Community gratuite. Le concepteur de graphiques et les types de lien de table empilé à 100 %, secteurs, anneaux et combiné ne sont pas dans l'édition Community ; le lien de table avec barres, barres empilées, courbes et aires l'est.

Lire la rubrique d'aide Lire la rubrique sur le concepteur de graphiques

Données en direct et exploration

Diffuse de gros volumes de données et laisse les utilisateurs regarder de plus près.

Données en direct et exploration

Un million de points sans saccades

Les journaux de capteurs, les niveaux audio et les données de ticks croissent sans fin. La série courbe rapide garde ses points dans un tampon circulaire de Capacity fixe, la mémoire reste donc stable et les plus anciens points disparaissent. Au moment du dessin, chaque série réduit les points visibles à environ un jeu par colonne de pixels, et le graphique se redessine au plus MaxFPS fois par seconde, quelle que soit la vitesse d'arrivée des données. La démo LiveLine diffuse dans un tampon de 1 000 000 de points depuis un thread d'arrière-plan. La démo te permet de changer le débit et la fenêtre visible pendant l'exécution, pour juger le comportement sur ton propre matériel avant d'écrire une ligne de code.

  • TsgcChartSeries_FastLine avec Capacity et BufferMode (cbmOverwrite ou cbmGrow)
  • Decimation : dmNone, dmMinMax (visuellement exact) ou dmLTTB
  • TimeWindow n'affiche que les N dernières secondes d'un axe en flux
  • AddXY et AddY ajoutent les points à mesure qu'ils arrivent
Lire la rubrique d'aide

Données en direct et exploration

Zoom, déplacement, réticule et infobulles intégrés

Les utilisateurs veulent regarder de plus près la partie intéressante des données. Chaque graphique prend déjà en charge le zoom à la molette, le zoom par sélection à la souris, le déplacement et les gestes tactiles, avec un réticule et une infobulle qui s'accrochent au point le plus proche. Sur un graphique en flux, le zoom met le défilement automatique en pause et il reprend tout seul après le délai que tu choisis. Chaque option est une propriété, un écran de borne peut donc désactiver l'interaction et un écran d'analyste limiter le zoom à l'axe du temps. Le même comportement fonctionne dans les vues VCL, FireMonkey et .NET.

  • TsgcChartInteraction : WheelZoom, BoxZoom, Pan, ZoomMode (czmX, czmY, czmXY)
  • Crosshair, Tooltip et SnapToPoint
  • AutoScrollResumeDelay et Paused pour les graphiques en direct
  • Événements OnZoom, OnCrosshairMove et OnSeriesClick, ResetZoom pour revenir en arrière
Lire la rubrique d'aide

Données en entrée, images en sortie

Lie les données que tu as, alimente des flux en direct et génère des graphiques partout.

Démo DataSetChart de sgcCharts avec une grille DB à gauche et le graphique à droite

Données en entrée, images en sortie

Lier du CSV, du JSON ou tout TDataSet

La plupart des graphiques montrent des données que tu as déjà : résultat d'une requête, fichier exporté, réponse REST ou lignes d'une grille. Les sources de données les chargent dans une série sans boucle d'appels AddXY. Nomme les champs ou colonnes, appelle Refresh après un changement des données, et le graphique suit. La source dataset associe aussi les champs d'ouverture, plus haut, plus bas, clôture et volume pour les chandeliers. Les sources de données sont des composants, tu les configures donc à la conception dans l'inspecteur d'objets. Active Live et le graphique suit le dataset sans aucun code : quand un utilisateur valide, supprime ou insère un enregistrement dans une grille, ou change le filtre, le graphique se recharge.

  • TsgcChartDataSource_DataSet lit tout TDataSet via XField, YField et LabelField
  • Live suit les validations, suppressions, insertions et filtres via un TDataLink, avec limitation de fréquence pour qu'une rafale de changements ne coûte qu'un seul rechargement ; en .NET, Live suit les changements d'un DataTable
  • FollowCursor déplace le point ciblé quand l'utilisateur parcourt le dataset (Delphi)
  • ExtraFields alimente les colonnes de taille, minimum, quartiles ou type des séries de bulles, d'aire d'intervalle, de boîte à moustaches et de cascade
  • TsgcChartDataSource_CSV et TsgcChartDataSource_JSON pour les fichiers et les réponses d'API
  • TsgcChartDataSource_Table pour une table en mémoire, par exemple les lignes d'un sgcGrid
  • TsgcChartDataSource_Manual pour des points envoyés depuis le code ou un thread d'arrière-plan
Lire la rubrique d'aide

Données en entrée, images en sortie Enregistrée uniquement

Flux de marché et IoT en direct sans code de liaison

Connecte un graphique à un courtier ou à un flux de marché et il trace chaque message à son arrivée. Le pont sgcChartsWS se branche sur l'événement de message d'un client sgcWebSockets et convertit le JSON en points ou en chandeliers. La source Binance peut construire des chandeliers à partir des transactions brutes avec un agrégateur sur des intervalles d'une seconde à un mois. Quand une source s'arrête, elle rétablit le gestionnaire d'événement précédent du client.

  • TsgcChartDataSource_Binance : Symbol, Stream (cbsKLine, cbsTicker, cbsTrade), Interval
  • TsgcChartDataSource_MQTT avec TopicFilter et PayloadFormat
  • TsgcChartDataSource_WebSocket et TsgcChartDataSource_SSE pour du JSON via WebSocket ou des événements envoyés par le serveur
  • TsgcChartAggregator transforme les transactions en chandeliers avec AddTrade

Le pont nécessite sgcWebSockets. En Community, alimente le graphique depuis ton propre code avec la source de données manuelle.

Lire la rubrique d'aide

Données en entrée, images en sortie

PNG et SVG sur un serveur, sans fenêtre

Les graphiques quittent souvent l'écran : e-mail de rapport quotidien, PDF, page web ou point de terminaison REST qui renvoie une image. TsgcChartRenderer dessine le même modèle de graphique en PNG ou SVG sans fiche ni boucle de messages, dans une application console, un service Windows ou un serveur Linux64 compilé avec Delphi 10.2 ou ultérieur. À l'écran, les vues enregistrent ce que voit l'utilisateur en un seul appel. La sortie utilise le même thème, les mêmes polices et la même palette que l'écran, un graphique dans un PDF ressemble donc exactement à celui du tableau de bord.

  • RenderToPNGFile, RenderToPNGStream, RenderToSVGFile, RenderToSVGStream
  • Width, Height et Scale pour les images haute résolution
  • SaveToPNG et SaveToSVG sur TsgcVCLChart
  • Démos Headless et HeadlessService ; en .NET, le paquet esegece.sgcCharts.Rendering
Lire la rubrique d'aide

Accessibilité

UI Automation pour les lecteurs d'écran, le clavier et le contraste élevé, sans configuration.

Accessibilité

Un graphique exposé point par point à UI Automation

sgcCharts expose le graphique à Microsoft UI Automation avec son titre, ses axes, sa légende, ses séries et ses points de données. Chaque point expose sa catégorie et sa valeur, et le graphique se décrit avec la même alternative textuelle que celle qu'il écrit dans un PDF accessible.

  • Gauche et Droite passent au point de données précédent ou suivant, Haut et Bas à la série précédente ou suivante, Début et Fin au premier ou au dernier point
  • Page précédente et Page suivante sautent d'un dixième des points, Entrée active le point qui a le focus comme un clic et Échap efface le focus du point
  • Le graphique est un arrêt de tabulation et affiche un anneau de focus visible
  • Sous un thème à contraste élevé de Windows, les séries utilisent les couleurs du système et, lorsque le type de série le permet, se distinguent par des motifs de ligne et des marqueurs

L'accessibilité est activée par défaut dans toutes les éditions, l'édition Community gratuite comprise, sur VCL dans toutes les versions de Delphi et C++Builder de Delphi 7 à Delphi 13, sur FireMonkey sous Windows, et sur WinForms, WPF et Avalonia. Dans Delphi et C++Builder, AccessibleName et AccessibleDescription définissent le nom et la description exposés à UI Automation, et en .NET le nom accessible et le texte d'aide standard de chaque framework font de même. Voir les rapports de conformité d'accessibilité. Le zoom et le déplacement à la souris et les outils de dessin financiers n'ont pas d'alternative au clavier.

Lire la rubrique d'aide
EN ACTION

Découvre sgcCharts en action

sgcCharts dans les démos de la suite sgcUI : des applications complètes qui fonctionnent hors ligne avec des données simulées intégrées.

Bougies avec bandes de Bollinger, un panneau de volume et des outils de dessin.

Bougies avec bandes de Bollinger, un panneau de volume et des outils de dessin.

Altamira Markets →
Douze capteurs dans trois panneaux empilés avec bandes de limites d'alarme.

Douze capteurs dans trois panneaux empilés avec bandes de limites d'alarme.

Altamira Plant →
Graphiques en entonnoir, en anneau et en barres de l'historique des livraisons.

Graphiques en entonnoir, en anneau et en barres de l'historique des livraisons.

Altamira Fleet →
Un graphique à bulles valeur contre risque et un treemap du budget.

Un graphique à bulles valeur contre risque et un treemap du budget.

Altamira PMO →
Voir toutes les démos de la suite
MESURÉ

Mesuré dans les démos et dans l'aide

Chiffres issus de la démo LiveLine livrée et de la référence de décimation, tu peux donc les reproduire toi-même.

MesureRésultatConditions
Points dans le tampon circulaire de LiveLine1 000 000TsgcChartSeries_FastLine alimentée depuis un thread d'arrière-plan via TsgcChartDataSource_Manual
Points conservés par colonne de pixels4 au maximumDécimation dmMinMax : premier, minimum, maximum et dernier point

Source : la rubrique d'aide qui documente ces chiffres.

CAS D'USAGE

Qui construit avec sgcCharts

Plateformes de trading et de crypto

Une application de salle de marché affiche les chandeliers du symbole choisi, les moyennes mobiles et les bandes de Bollinger sur le volet des prix, le RSI et le volume dans les volets du dessous, et la bande bid et ask pendant l'arrivée des cotations. Les analystes tracent des lignes de tendance et des niveaux de Fibonacci qui restent ancrés quand ils zooment. La source Binance construit les chandeliers directement à partir du flux de la bourse.

  • Série en chandeliers
  • Indicateurs et volets
  • Outils de dessin
  • Source de données Binance
Lance la démo BinanceLive

Supervision industrielle et IoT

Un client de salle de contrôle trace des dizaines de capteurs à la fois. Les séries courbe rapide avec tampons circulaires conservent des heures de mesures en mémoire fixe, une fenêtre temporelle montre les dernières minutes, et la décimation allège le redessin. Les topics MQTT alimentent directement les graphiques, et une heatmap montre quelles machines chauffent.

  • Courbe rapide et tampon circulaire
  • Fenêtre temporelle
  • Source de données MQTT
  • Heatmap
Lance la démo MQTTSensors

Rapports métier et images générées

Un service de back-office génère le donut hebdomadaire du chiffre d'affaires, l'entonnoir des ventes et une tendance sur douze mois en PNG pour l'e-mail de direction, et en SVG pour l'intranet. Le même code de graphique s'exécute aussi dans l'application de bureau, lié au même jeu de données, si bien que chiffres et couleurs concordent toujours.

  • Donut et entonnoir
  • Source de données DataSet
  • TsgcChartRenderer
  • Thèmes
Lance la démo Headless
DÉMARRAGE RAPIDE

Un donut en quelques lignes

La même API en Delphi, C++ Builder et C# : le chiffre d'affaires par région en donut avec une part Autres, sur un thème sombre, exporté en PNG.

Construit le modèle, une série en secteurs avec un trou de 55 pour cent, une vue VCL et un moteur de rendu qui écrit un PNG de 1200 x 700.

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;

Lire la rubrique d'aide →

Le même donut en C++ Builder, avec les en-têtes sgcCharts_*.hpp générés.

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

Lire la rubrique d'aide →

Sans interface en C# : le même modèle rendu en PNG sans fenêtre, avec le paquet 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

Lire la rubrique d'aide →

Télécharger l'essai
DÉMOS

Lance les démos de sgcCharts

19 démos pour Delphi, les 19 mêmes pour C++ Builder et 12 pour .NET, toutes dans le téléchargement des démos compilées. Voici celles qui illustrent les fonctions ci-dessus.

LiveLine

LiveLine

Une série courbe rapide avec un tampon circulaire de 1 000 000 de points alimenté depuis un thread d'arrière-plan, une fenêtre temporelle de 10 s, 60 s ou du tampon entier, un changement de thème et un réticule sur tout le flux.

Candlestick

Chandeliers journaliers sur un axe date et heure avec un axe de volume. Zoome et déplace à la souris ; quand plusieurs chandeliers partagent une colonne de pixels, ils fusionnent en un seul chandelier exact.

Enregistrée uniquement DrawingTools

Lignes de tendance, lignes horizontales et verticales, rectangles et retracements de Fibonacci tracés à la souris sur un graphique en chandeliers, puis sélectionnés, verrouillés ou supprimés.

DataSetChart

DataSetChart

Un client dataset de 1 000 lignes affiché dans une grille DB et lu par deux sources dataset dans une série courbe et une série barres. Modifie une ligne, recharge, et le graphique suit.

BusinessCharts

BusinessCharts

Séries de bulles, boîte à moustaches, cascade et aire de plage lissée avec barres d'erreur, annotations et une ligne d'alarme ISA-101, le thème ISA-101 et l'éditeur de graphiques à l'exécution, sur un jeu de données en direct que le graphique suit. Aussi en .NET sous les noms BusinessCharts, BusinessChartsWpf et BusinessChartsAvalonia. Aussi pour FireMonkey sous le nom BusinessChartsFMX.

Enregistrée uniquement BinanceLive

Chandeliers en direct à partir d'un flux de marché Binance via le pont sgcChartsWS, sur un graphique financier avec volets et indicateurs. Nécessite sgcWebSockets.

Enregistrée uniquement MQTTSensors

Mesures de capteurs alimentées par des topics MQTT via le pont sgcChartsWS et tracées à leur arrivée. Nécessite sgcWebSockets et un broker MQTT.

Headless

Un programme console qui construit un graphique et écrit des fichiers PNG et SVG sans fenêtre. HeadlessService fait de même depuis un service Windows.

Démos compilées

Des exécutables prêts à lancer pour chaque produit sgcUI, rien à installer.

Télécharger sgcUI_bin.zip →
ÉDITIONS

Où sgcCharts est inclus

sgcCharts est inclus dans sgcUI Professional et Enterprise, et il est aussi vendu séparément. sgcCharts est aussi inclus dans le pack All-Access.

sgcCharts, package seul

€199 / développeur, code source complet, 1 an de mises à jour.

Acheter sgcCharts → Voir les tarifs →

sgcUI Professional

Standard plus sgcCharts, sgcDashboard et sgcGauges, à partir de €529.

Voir Professional →

sgcUI Enterprise

Les 15 produits sgcUI, à partir de €699.

Voir Enterprise →

L'édition Community gratuite (esegece.sgcCharts.Community sur NuGet) contient les dix-sept séries, les annotations, les barres d'erreur, le préréglage ISA-101, l'éditeur à l'exécution, les vues, les tampons, les sources manuelle, CSV, JSON et dataset, l'interaction et la sortie sans interface. Elle ne contient pas le pack financier (séries d'indicateurs et de volume, volets, agrégateur, outils de dessin, marqueur de dernière valeur, bande bid et ask), le concepteur de graphiques avec les types avancés de lien de table, ni le pont sgcChartsWS.

FonctionnalitéCommunity (gratuite)Enregistrée
17 types de séries, chandeliers et OHLC inclus✓✓
Courbe rapide, tampons circulaires et décimation✓✓
Zoom, déplacement, réticule et infobulles✓✓
Sources de données manuelle, CSV, JSON et dataset en direct✓✓
Thèmes, export PNG et SVG, moteur de rendu sans interface✓✓
Annotations, barres d'erreur, préréglage ISA-101 et éditeur de graphique à l'exécution✓✓
Séries d'indicateurs et de volume−✓
Volets, marqueur de dernière valeur, bande bid et ask−✓
Outils de dessin et agrégateur de transactions−✓
Flux en direct sgcChartsWS (Binance, MQTT, WebSocket, SSE)−✓
Concepteur de graphiques pour les liens de table, avec les types empilé à 100 %, secteurs, anneaux et combiné−✓
PLATEFORMES

Frameworks et plateformes pris en charge

Composants de sgcCharts

ComposantRôle
TsgcChartLe modèle de graphique : axes, séries, légende, thème et interaction.
TsgcVCLChart, TsgcFMXChartLes vues pour VCL et FireMonkey.
TsgcChartRendererRendu PNG et SVG sans interface, aussi dans un service et sous Linux64.
TsgcChartSeries_*Les 17 types de séries et les séries d'indicateurs financiers.
TsgcChartDataSource_Manual, _CSV, _JSON, _DataSet, _TableSources de données pour points, fichiers, datasets et tables.
TsgcChartDataSource_WebSocket, _MQTT, _SSE, _BinanceSources de flux en direct du pont sgcChartsWS (Enregistrée uniquement).
CibleComposantPlateformes
Delphi 7 à 13, VCLTsgcVCLChartWin32 et Win64
Delphi XE6 à 13, FireMonkeyTsgcFMXChartWindows, macOS, iOS et Android
C++ Builder 2007 à 13TsgcVCLChart, TsgcFMXChartEn-têtes .hpp générés et bibliothèques statiques
Delphi 10.2 à 13, sans interfaceModèle et TsgcChartRendererLinux64, PNG et SVG sur un serveur
.NET Framework 4.7.2, .NET 8, 9 et 10TsgcWinFormsChart, TsgcWpfChart, TsgcAvaloniaChartWinForms, WPF, Avalonia 12 et rendu sans interface
FAQ

Foire aux questions

La démo LiveLine diffuse dans une série courbe rapide avec un tampon circulaire de 1 000 000 de points depuis un thread d'arrière-plan. La mémoire reste fixe car le tampon a une Capacity définie, la décimation réduit les points visibles à quelques-uns par colonne de pixels, et MaxFPS plafonne la fréquence de redessin. Lance la démo compilée pour la voir sur ta propre machine.

Dix-sept : courbe, courbe rapide, courbe en escalier, aire, aire d'intervalle, barres, nuage de points, bulles, chandeliers, OHLC, secteurs et donut, radar, heatmap, treemap, entonnoir, boîte à moustaches et cascade. Chacun est un composant, tu peux donc en combiner plusieurs sur un même graphique, avec autant d'axes que nécessaire.

Non. Community inclut les séries chandeliers et OHLC, mais pas les séries d'indicateurs et de volume, les volets, l'agrégateur, les outils de dessin, le marqueur de dernière valeur ni la bande bid et ask. Ceux-ci, ainsi que les flux en direct sgcChartsWS, nécessitent l'édition Enregistrée. Voir Éditions dans l'aide.

Oui. SaveToPNG et SaveToSVG enregistrent ce qu'affiche une vue, et TsgcChartRenderer rend un modèle de graphique en fichiers ou flux PNG ou SVG sans fenêtre, à la largeur, la hauteur et l'échelle de ton choix. C'est la voie habituelle vers un PDF ou le corps d'un e-mail.

Oui, sans interface. À partir de Delphi 10.2, le modèle de graphique et TsgcChartRenderer compilent pour Linux64 et écrivent du PNG et du SVG. Il n'existe pas de contrôle de vue Linux. En .NET, le paquet esegece.sgcCharts.Rendering cible .NET Standard 2.0, .NET Framework 4.7.2 et .NET 6, 8, 9 et 10.

Points manuels, CSV, JSON, tout TDataSet et une table en mémoire dans chaque licence produit. Avec l'édition Enregistrée et sgcWebSockets, le pont sgcChartsWS ajoute les flux de marché Binance, les topics MQTT, du JSON via WebSocket et les événements envoyés par le serveur.

DOCUMENTATION

Aide de sgcCharts

Delphi

Introduction, Démarrage rapide, Plateformes, Série en secteurs, Vue VCL, Volets, Pont, Décimation.

C++ Builder

Introduction, Démarrage rapide, Plateformes, Série en secteurs, Pont.

.NET

Présentation .NET, Galerie de séries, Plateformes, Pont.

Manuels PDF

Delphi, C++ Builder et .NET, couvrant tous les produits sgcUI.

3,000+Développeurs
20+Ans
761+Composants
30+Intégrations d'API
5Plateformes
Garantie satisfait ou remboursé de 30 joursPas satisfait ? Demandez un remboursement intégral dans les 30 jours suivant l'achat. Voir la politique de remboursement

Essaie sgcCharts dès aujourd'hui

L'essai sgcUI inclut sgcCharts et tous les autres produits sgcUI.

Télécharger l'essai Acheter sgcCharts