Composant Heatmap — sgcHTML | eSeGeCe

Heatmap

TsgcHTMLComponent_Heatmap — affichez une grille de carte de chaleur SVG à échelle de couleur à partir de valeurs de cellules ou d'un jeu de données lié, avec légende et libellés de ligne/colonne, en Delphi, C++ Builder et .NET.

En bref

TsgcHTMLComponent_Heatmap

Définissez les libellés de ligne et de colonne, remplissez les cellules avec SetCell (ou liez un jeu de données), puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_Heatmap

Produit

Une grille de carte de chaleur SVG en ligne + légende optionnelle (sans bibliothèque de graphiques)

Famille

Graphiques & Visualisation

Langages

Delphi, C++ Builder, .NET

QuickStart

Libellez la grille, remplissez les cellules, affichez-la

Renseignez RowLabels et ColumnLabels, appelez SetCell(aRow, aCol, aValue) pour chaque point de donnée (ou liez un jeu de données), puis lisez 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

Référence

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Cellules

SetCell(aRow, aCol, aValue) écrit une valeur ; FindCell en recherche une et ClearData vide la collection Cells.

Libellés

RowLabels et ColumnLabels sont des TStringList qui nomment chaque ligne et colonne de la grille.

Échelle de couleur

MinColor/MaxColor/EmptyColor se mélangent par cellule ; AutoMin/AutoMax fixent MinValue/MaxValue au lieu de les calculer à partir des données.

Liaison de jeu de données

LoadFromDataSet(aDataSet, aRowField, aColField, aValueField) construit la grille directement à partir d'une requête.

Affichage des cellules

CellSize/CellGap/Rounded façonnent les cellules ; ShowValues/Decimals/FontSize contrôlent les nombres affichés.

Légende & libellés

ShowLegend dessine une barre de dégradé du minimum au maximum ; ShowRowLabels/ShowColumnLabels basculent le texte des axes.

Ressources

Continuez l'exploration

	Aide en ligneRéférence API complète et guide d’utilisation pour ce composant.	Ouvrir
	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 80 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir