Heatmap Component — sgcHTML | eSeGeCe

Heatmap

TsgcHTMLComponent_Heatmap — erzeugen Sie ein farbskaliertes SVG-Heatmap-Raster aus Zellwerten oder einem gebundenen Dataset, mit Legende und Zeilen-/Spaltenbeschriftungen, in Delphi, C++ Builder und .NET.

Auf einen Blick

TsgcHTMLComponent_Heatmap

Legen Sie Zeilen- und Spaltenbeschriftungen fest, füllen Sie Zellen mit SetCell (oder binden Sie ein Dataset), und lesen Sie dann die HTML-Eigenschaft.

Komponentenklasse

TsgcHTMLComponent_Heatmap

Rendert

Inline-SVG-Heatmap-Raster + optionale Legende (keine Chart-Bibliothek)

Familie

Diagramme & Visualisierung

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Raster beschriften, Zellen füllen, rendern

Füllen Sie RowLabels und ColumnLabels, rufen Sie SetCell(aRow, aCol, aValue) für jeden Datenpunkt auf (oder binden Sie ein Dataset), und lesen Sie dann 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

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Zellen

SetCell(aRow, aCol, aValue) schreibt einen Wert; FindCell sucht einen Wert und ClearData leert die Cells-Sammlung.

Beschriftungen

RowLabels und ColumnLabels sind TStringLists, die jede Zeile und Spalte des Rasters benennen.

Farbskala

MinColor/MaxColor/EmptyColor werden pro Zelle gemischt; AutoMin/AutoMax legen MinValue/MaxValue fest, statt aus den Daten zu skalieren.

Dataset-Bindung

LoadFromDataSet(aDataSet, aRowField, aColField, aValueField) baut das Raster direkt aus einer Abfrage auf.

Zellenanzeige

CellSize/CellGap/Rounded formen die Zellen; ShowValues/Decimals/FontSize steuern die angezeigten Zahlen.

Legende & Beschriftungen

ShowLegend zeichnet einen Min-bis-Max-Verlaufsbalken; ShowRowLabels/ShowColumnLabels schalten den Achsentext um.

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