CandlestickChart Component — sgcHTML | eSeGeCe

CandlestickChart

TsgcHTMLComponent_CandlestickChart — erzeugen Sie einen SVG-OHLC-Kerzenchart mit Dochten, Auf-/Ab-Farben und einem optionalen Volumenstreifen, in Delphi, C++ Builder und .NET.

Auf einen Blick

TsgcHTMLComponent_CandlestickChart

Fügen Sie mit AddPoint einen OHLC-Punkt pro Balken hinzu (oder binden Sie ein Dataset), und lesen Sie dann die HTML-Eigenschaft.

Komponentenklasse

TsgcHTMLComponent_CandlestickChart

Rendert

Inline-SVG-OHLC-Chart + optionaler Volumenstreifen (keine Chart-Bibliothek)

Familie

Diagramme & Visualisierung

Sprachen

Delphi, C++ Builder, .NET

QuickStart

OHLC-Punkte hinzufügen, rendern

Rufen Sie AddPoint(aLabel, aOpen, aHigh, aLow, aClose, aVolume) für jeden Balken auf (oder binden Sie ein Dataset), und lesen Sie dann HTML.

uses
  sgcHTML_Component_CandlestickChart;

var
  oChart: TsgcHTMLComponent_CandlestickChart;
begin
  oChart := TsgcHTMLComponent_CandlestickChart.Create(nil);
  try
    oChart.Width := 800;
    oChart.Height := 400;
    oChart.ShowVolume := True;

    oChart.AddPoint('Mon', 101.2, 104.8, 100.1, 103.5, 125000);
    oChart.AddPoint('Tue', 103.5, 106.0, 102.8, 105.1, 98000);
    oChart.AddPoint('Wed', 105.1, 105.4, 101.0, 101.9, 154000);

    WebModule.Response := oChart.HTML;   // SVG candles + wicks + volume strip
  finally
    oChart.Free;
  end;
end;

// Or bind it straight to a dataset:
oChart.LoadFromDataSet(qryOHLC, 'TradeDate', 'OpenPrice', 'HighPrice',
  'LowPrice', 'ClosePrice', 'Volume');

// includes: sgcHTML_Component_CandlestickChart.hpp

TsgcHTMLComponent_CandlestickChart *oChart = new TsgcHTMLComponent_CandlestickChart(NULL);
try
{
  oChart->Width = 800;
  oChart->Height = 400;
  oChart->ShowVolume = true;

  oChart->AddPoint("Mon", 101.2, 104.8, 100.1, 103.5, 125000);
  oChart->AddPoint("Tue", 103.5, 106.0, 102.8, 105.1, 98000);
  oChart->AddPoint("Wed", 105.1, 105.4, 101.0, 101.9, 154000);

  String html = oChart->HTML;   // SVG candles + wicks + volume strip
}
__finally
{
  delete oChart;
}

using esegece.sgcWebSockets;

var chart = new TsgcHTMLComponent_CandlestickChart();
chart.Width = 800;
chart.Height = 400;
chart.ShowVolume = true;

chart.AddPoint("Mon", 101.2, 104.8, 100.1, 103.5, 125000);
chart.AddPoint("Tue", 103.5, 106.0, 102.8, 105.1, 98000);
chart.AddPoint("Wed", 105.1, 105.4, 101.0, 101.9, 154000);

string html = chart.HTML;   // SVG candles + wicks + volume strip

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Punkte

AddPoint(aLabel, aOpen, aHigh, aLow, aClose, aVolume) fügt einen OHLC-Balken hinzu und gibt den TsgcHTMLCandlestickPoint zurück.

Dataset-Bindung

LoadFromDataSet(aDataSet, aDateField, aOpenField, aHighField, aLowField, aCloseField, aVolumeField) erstellt die Serie aus einer Abfrage.

Kerzenfarben

UpColor/DownColor färben den Körper je nach Richtung; WickColor überschreibt die Farbe der Hoch-Tief-Linie.

Volumen

ShowVolume fügt unter den Kerzen einen Volumenstreifen hinzu, skaliert auf den höchsten Balken.

Achse & Raster

ShowAxis/ShowGrid/GridLines/FontSize/Decimals steuern die Preisachse.

Layout & Skala

Width/Height/CandleWidth bestimmen die Größe des Charts; MinValue/MaxValue mit AutoMin/AutoMax legen den Preisbereich fest.

Ressourcen

Weiter entdecken

	Online-HilfeVollständige API-Referenz und Verwendungshandbuch für diese Komponente.	Öffnen
	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 80 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen