Heatmap Bileşeni — sgcHTML | eSeGeCe

Heatmap

TsgcHTMLComponent_Heatmap — Delphi, C++ Builder ve .NET'te hücre değerlerinden ya da bağlı bir veri kümesinden, gösterge ve satır/sütun etiketleri içeren renk ölçekli SVG ısı haritası ızgarası işleyin.

Bir bakışta

TsgcHTMLComponent_Heatmap

Satır ve sütun etiketlerini ayarlayın, hücreleri SetCell ile doldurun (ya da bir veri kümesi bağlayın), ardından HTML özelliğini okuyun.

Bileşen sınıfı

TsgcHTMLComponent_Heatmap

İşler

Satır içi SVG ısı haritası ızgarası + isteğe bağlı gösterge (grafik kitaplığı gerekmez)

Aile

Grafikler & Görselleştirme

Diller

Delphi, C++ Builder, .NET

QuickStart

Izgarayı etiketleyin, hücreleri doldurun, işleyin

RowLabels ve ColumnLabels'ı doldurun, her veri noktası için SetCell(aRow, aCol, aValue)'u çağırın (ya da bir veri kümesi bağlayın), ardından HTML'i okuyun.

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

Başvuru

Temel özellikler & yöntemler

En sık başvurduğunuz üyeler.

Hücreler

SetCell(aRow, aCol, aValue) bir değer yazar; FindCell bir değeri arar ve ClearData, Cells koleksiyonunu boşaltır.

Etiketler

RowLabels ve ColumnLabels, ızgaranın her satırını ve sütununu adlandıran TStringList'lerdir.

Renk ölçeği

MinColor/MaxColor/EmptyColor hücre başına karışır; AutoMin/AutoMax, verilerden ölçeklemek yerine MinValue/MaxValue'yu sabitler.

Veri kümesi bağlama

LoadFromDataSet(aDataSet, aRowField, aColField, aValueField), ızgarayı doğrudan bir sorgudan oluşturur.

Hücre görünümü

CellSize/CellGap/Rounded, hücreleri şekillendirir; ShowValues/Decimals/FontSize, yazdırılan sayıları denetler.

Gösterge & etiketler

ShowLegend, minimumdan maksimuma bir gradyan çubuğu çizer; ShowRowLabels/ShowColumnLabels, eksen metnini açar/kapatır.

Kaynaklar

Keşfetmeye devam edin

	Çevrimiçi yardımBu bileşen için tam API referansı ve kullanım kılavuzu.	Aç
	Tüm sgcHTML Bileşenleri80'den fazla bileşenin tam özellik matrisine göz atın.	Aç
	Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.	Aç
	FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.	Aç