Heatmap-component — sgcHTML | eSeGeCe

Heatmap

TsgcHTMLComponent_Heatmap — render een kleurgeschaald SVG-heatmapraster op basis van celwaarden of een gebonden dataset, met legenda en rij-/kolomlabels, in Delphi, C++ Builder en .NET.

In één oogopslag

TsgcHTMLComponent_Heatmap

Stel rij- en kolomlabels in, vul cellen met SetCell (of bind een dataset), en lees dan de HTML-eigenschap.

Componentklasse

TsgcHTMLComponent_Heatmap

Rendert

Inline SVG-heatmapraster + optionele legenda (geen grafiekbibliotheek)

Familie

Grafieken en visualisatie

Talen

Delphi, C++ Builder, .NET

QuickStart

Label het raster, vul de cellen, render het

Vul RowLabels en ColumnLabels, roep SetCell(aRow, aCol, aValue) aan voor elk gegevenspunt (of bind een dataset), en lees dan HTML.

uses
  sgcHTML_Component_Heatmap;

var
  oHeatmap: TsgcHTMLComponent_Heatmap;
begin
  oHeatmap := TsgcHTMLComponent_Heatmap.Create(nil);
  try
    oHeatmap.RowLabels.CommaText := 'Mon,Tue,Wed,Thu,Fri';
    oHeatmap.ColumnLabels.CommaText := '9h,12h,15h,18h';
    oHeatmap.ShowLegend := True;
    oHeatmap.ShowValues := True;

    oHeatmap.SetCell(0, 0, 12);
    oHeatmap.SetCell(0, 1, 48);
    oHeatmap.SetCell(1, 2, 76);
    oHeatmap.SetCell(4, 3, 92);

    WebModule.Response := oHeatmap.HTML;   // SVG grid, min->max colour scale
  finally
    oHeatmap.Free;
  end;
end;

// Or bind it straight to a dataset:
oHeatmap.LoadFromDataSet(qryTraffic, 'DayName', 'HourSlot', 'Visits');

// includes: sgcHTML_Component_Heatmap.hpp

TsgcHTMLComponent_Heatmap *oHeatmap = new TsgcHTMLComponent_Heatmap(NULL);
try
{
  oHeatmap->RowLabels->CommaText = "Mon,Tue,Wed,Thu,Fri";
  oHeatmap->ColumnLabels->CommaText = "9h,12h,15h,18h";
  oHeatmap->ShowLegend = true;
  oHeatmap->ShowValues = true;

  oHeatmap->SetCell(0, 0, 12);
  oHeatmap->SetCell(0, 1, 48);
  oHeatmap->SetCell(1, 2, 76);
  oHeatmap->SetCell(4, 3, 92);

  String html = oHeatmap->HTML;   // SVG grid, min->max colour scale
}
__finally
{
  delete oHeatmap;
}

using esegece.sgcWebSockets;

var heatmap = new TsgcHTMLComponent_Heatmap();
heatmap.RowLabels.CommaText = "Mon,Tue,Wed,Thu,Fri";
heatmap.ColumnLabels.CommaText = "9h,12h,15h,18h";
heatmap.ShowLegend = true;
heatmap.ShowValues = true;

heatmap.SetCell(0, 0, 12);
heatmap.SetCell(0, 1, 48);
heatmap.SetCell(1, 2, 76);
heatmap.SetCell(4, 3, 92);

string html = heatmap.HTML;   // SVG grid, min->max colour scale

Referentie

Belangrijkste eigenschappen en methoden

De members die je het vaakst gebruikt.

Cellen

SetCell(aRow, aCol, aValue) schrijft één waarde; FindCell zoekt er één op en ClearData maakt de Cells-verzameling leeg.

Labels

RowLabels en ColumnLabels zijn TStringLists die elke rij en kolom van het raster benoemen.

Kleurschaal

MinColor/MaxColor/EmptyColor mengen per cel; AutoMin/AutoMax zetten MinValue/MaxValue vast in plaats van te schalen op basis van de data.

Datasetbinding

LoadFromDataSet(aDataSet, aRowField, aColField, aValueField) bouwt het raster rechtstreeks op uit een query.

Celweergave

CellSize/CellGap/Rounded vormen de cellen; ShowValues/Decimals/FontSize bepalen de afgedrukte getallen.

Legenda en labels

ShowLegend tekent een min-naar-max-verloopbalk; ShowRowLabels/ShowColumnLabels schakelen de astekst in of uit.

Bronnen

Blijf ontdekken

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