CandlestickChart-component — sgcHTML | eSeGeCe

CandlestickChart

TsgcHTMLComponent_CandlestickChart — render een SVG OHLC-candlestickgrafiek met lonten, op/neer-kleuren en een optionele volumestrook, in Delphi, C++ Builder en .NET.

TsgcHTMLComponent_CandlestickChart

Voeg per staaf één OHLC-punt toe met AddPoint (of bind een dataset), en lees dan de HTML-eigenschap.

Componentklasse

TsgcHTMLComponent_CandlestickChart

Rendert

Inline SVG OHLC-grafiek + optionele volumestrook (geen grafiekbibliotheek)

Talen

Delphi, C++ Builder, .NET

Voeg OHLC-punten toe, render het

Roep AddPoint(aLabel, aOpen, aHigh, aLow, aClose, aVolume) aan voor elke staaf (of bind een dataset), en lees dan 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

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Punten

AddPoint(aLabel, aOpen, aHigh, aLow, aClose, aVolume) voegt één OHLC-staaf toe en retourneert de TsgcHTMLCandlestickPoint.

Datasetbinding

LoadFromDataSet(aDataSet, aDateField, aOpenField, aHighField, aLowField, aCloseField, aVolumeField) bouwt de reeks op uit een query.

Kaarskleuren

UpColor/DownColor kleuren het lichaam op basis van de richting; WickColor overschrijft de kleur van de hoog-laaglijn.

Volume

ShowVolume voegt een volumestrook toe onder de kaarsen, geschaald naar de hoogste staaf.

As en raster

ShowAxis/ShowGrid/GridLines/FontSize/Decimals bepalen de prijsas.

Layout en schaal

Width/Height/CandleWidth bepalen de grootte van de grafiek; MinValue/MaxValue met AutoMin/AutoMax zetten het prijsbereik vast.

Blijf ontdekken

Online helpVolledige API-referentie en gebruikshandleiding voor dit onderdeel.
Alle sgcHTML-componentenBlader door de volledige functiematrix van 80+ componenten.
Download gratis proefversieDe proefversie van 30 dagen bevat de 60.HTML-demoprojecten.
PrijzenSingle-, Team- en Site-licenties met volledige broncode.

Klaar om te beginnen?

Download de gratis proefversie en begin met het bouwen van financiële grafieken in Delphi, C++ Builder en .NET.