TreeMap
TsgcHTMLComponent_TreeMap — affichez un treemap « squarifié » comme un SVG en ligne autonome, généré côté serveur, sans bibliothèque de graphiques requise, en Delphi, C++ Builder et .NET.
TsgcHTMLComponent_TreeMap — affichez un treemap « squarifié » comme un SVG en ligne autonome, généré côté serveur, sans bibliothèque de graphiques requise, en Delphi, C++ Builder et .NET.
Ajoutez des éléments avec un libellé et une valeur (ou liez un jeu de données), choisissez un jeu de couleurs, puis lisez la propriété HTML.
TsgcHTMLComponent_TreeMap
Un SVG en ligne autonome, mise en page squarifiée
Delphi, C++ Builder, .NET
Appelez AddItem pour chaque rectangle, choisissez un ColorScheme, puis lisez HTML. La mise en page est calculée côté serveur et ne nécessite aucune bibliothèque côté client.
uses
sgcHTML_Component_TreeMap;
var
oTreeMap: TsgcHTMLComponent_TreeMap;
begin
oTreeMap := TsgcHTMLComponent_TreeMap.Create(nil);
try
oTreeMap.Width := 640;
oTreeMap.Height := 360;
oTreeMap.ColorScheme := tmCool;
oTreeMap.ShowValues := True;
oTreeMap.AddItem('Engineering', 420000);
oTreeMap.AddItem('Sales', 260000);
oTreeMap.AddItem('Marketing', 140000);
oTreeMap.AddItem('Support', 90000, '#20c997'); // explicit colour overrides the scheme
WebModule.Response := oTreeMap.HTML; // <svg> squarified rectangles, no client-side library
finally
oTreeMap.Free;
end;
end;
// Or bind it straight to a dataset:
oTreeMap.LoadFromDataSet(qryBudget, 'Department', 'Amount');
// One-shot helper, no instance to manage:
Response := TsgcHTMLComponent_TreeMap.Build(['Engineering', 'Sales'], [420000, 260000]);// includes: sgcHTML_Component_TreeMap.hpp
TsgcHTMLComponent_TreeMap *oTreeMap = new TsgcHTMLComponent_TreeMap(NULL);
try
{
oTreeMap->Width = 640;
oTreeMap->Height = 360;
oTreeMap->ColorScheme = tmCool;
oTreeMap->ShowValues = true;
oTreeMap->AddItem("Engineering", 420000);
oTreeMap->AddItem("Sales", 260000);
oTreeMap->AddItem("Marketing", 140000);
oTreeMap->AddItem("Support", 90000, "#20c997"); // explicit colour overrides the scheme
String html = oTreeMap->HTML; // <svg> squarified rectangles, no client-side library
}
__finally
{
delete oTreeMap;
}using esegece.sgcWebSockets;
var treeMap = new TsgcHTMLComponent_TreeMap();
treeMap.Width = 640;
treeMap.Height = 360;
treeMap.ColorScheme = TsgcHTMLTreeMapScheme.tmCool;
treeMap.ShowValues = true;
treeMap.AddItem("Engineering", 420000);
treeMap.AddItem("Sales", 260000);
treeMap.AddItem("Marketing", 140000);
treeMap.AddItem("Support", 90000, "#20c997"); // explicit colour overrides the scheme
string html = treeMap.HTML; // <svg> squarified rectangles, no client-side library
// One-shot helper, no instance to manage:
string quick = TsgcHTMLComponent_TreeMap.Build(new[] { "Engineering", "Sales" }, new[] { 420000d, 260000d });Les membres que vous utilisez le plus souvent.
AddItem(aLabel, aValue, aColor) ajoute un rectangle feuille ; un aColor explicite remplace le ColorScheme actif.
Items prend en charge un treemap à deux niveaux : définissez ID / ParentID sur les éléments parents et enfants pour imbriquer des rectangles enfants dans leur parent estompé.
LoadFromDataSet(aDataSet, aLabelField, aValueField) charge un élément plat par ligne.
La fonction de classe Build(aLabels, aValues) produit un treemap plat directement sous forme de chaîne, sans instance de composant à gérer.
Width, Height, Padding et ColorScheme (default/blue/green/warm/cool/gray) contrôlent le canevas et les couleurs de rectangle attribuées automatiquement.
ShowLabels, ShowValues, MinLabelSize et FontSize décident quand et comment la légende d'un rectangle est dessinée ; HTML renvoie le <svg> en ligne terminé.
| 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 |