Komponent Heatmap — sgcHTML | eSeGeCe

Heatmap

TsgcHTMLComponent_Heatmap — renderuje siatkę mapy cieplnej SVG skalowaną kolorem na podstawie wartości komórek lub powiązanego zestawu danych, z legendą i etykietami wierszy/kolumn, w Delphi, C++ Builder i .NET.

W skrócie

TsgcHTMLComponent_Heatmap

Ustaw etykiety wierszy i kolumn, wypełnij komórki za pomocą SetCell (lub powiąż zestaw danych), a następnie odczytaj właściwość HTML.

Klasa komponentu

TsgcHTMLComponent_Heatmap

Renderuje

Wbudowana siatka SVG mapy cieplnej + opcjonalna legenda (bez biblioteki wykresów)

Rodzina

Wykresy i wizualizacja

Języki

Delphi, C++ Builder, .NET

Szybki start

Oznacz siatkę, wypełnij komórki, wyrenderuj

Uzupełnij RowLabels i ColumnLabels, wywołaj SetCell(aRow, aCol, aValue) dla każdego punktu danych (lub powiąż zestaw danych), a następnie odczytaj 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

Dokumentacja

Kluczowe właściwości i metody

Składniki, po które sięgasz najczęściej.

Komórki

SetCell(aRow, aCol, aValue) zapisuje jedną wartość; FindCell wyszukuje wartość, a ClearData czyści kolekcję Cells.

Etykiety

RowLabels i ColumnLabels to listy TStringList, które nazywają każdy wiersz i każdą kolumnę siatki.

Skala kolorów

MinColor/MaxColor/EmptyColor mieszają kolor dla każdej komórki; AutoMin/AutoMax ustalają na stałe MinValue/MaxValue zamiast skalować na podstawie danych.

Powiązanie z zestawem danych

LoadFromDataSet(aDataSet, aRowField, aColField, aValueField) buduje siatkę bezpośrednio z zapytania.

Wyświetlanie komórek

CellSize/CellGap/Rounded kształtują komórki; ShowValues/Decimals/FontSize kontrolują wyświetlane liczby.

Legenda i etykiety

ShowLegend rysuje pasek gradientu od minimum do maksimum; ShowRowLabels/ShowColumnLabels przełączają opisy osi.

Zasoby

Poznawaj dalej

	Pomoc onlinePełna dokumentacja API i przewodnik użytkowania tego komponentu.	Otwórz
	Wszystkie komponenty sgcHTMLPrzejrzyj pełną matrycę funkcji 80+ komponentów.	Otwórz
	Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.	Otwórz
	CennikLicencje Single, Team i Site z pełnym kodem źródłowym.	Otwórz