TreeMap
TsgcHTMLComponent_TreeMap — Delphi, C++ Builder ve .NET'te herhangi bir grafik kitaplığı gerektirmeyen, kendi kendine yeten, sunucu tarafında üretilmiş satır içi SVG olarak kare biçimli bir ağaç haritası işleyin.
TsgcHTMLComponent_TreeMap — Delphi, C++ Builder ve .NET'te herhangi bir grafik kitaplığı gerektirmeyen, kendi kendine yeten, sunucu tarafında üretilmiş satır içi SVG olarak kare biçimli bir ağaç haritası işleyin.
Bir etiket ve değerle öğeler ekleyin (ya da bir veri kümesi bağlayın), bir renk şeması seçin, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_TreeMap
Kendi kendine yeten satır içi SVG, kare biçimli düzen
Delphi, C++ Builder, .NET
Her dikdörtgen için AddItem'ı çağırın, bir ColorScheme seçin, ardından HTML'i okuyun. Düzen sunucu tarafında hesaplanır ve istemci tarafında herhangi bir kitaplık gerektirmez.
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 });En sık başvurduğunuz üyeler.
AddItem(aLabel, aValue, aColor), bir yaprak dikdörtgen ekler; açık bir aColor, etkin ColorScheme'i geçersiz kılar.
Items, iki düzeyli bir ağaç haritasını destekler: alt dikdörtgenleri soluk üst öğelerinin içine yerleştirmek için üst ve alt öğelerde ID / ParentID'yi ayarlayın.
LoadFromDataSet(aDataSet, aLabelField, aValueField), satır başına bir düz öğe yükler.
Sınıf işlevi Build(aLabels, aValues), yönetilecek bir bileşen örneği olmadan düz bir ağaç haritasını doğrudan bir dizeye işler.
Width, Height, Padding ve ColorScheme (default/blue/green/warm/cool/gray), tuvali ve otomatik atanan dikdörtgen renklerini denetler.
ShowLabels, ShowValues, MinLabelSize ve FontSize, bir dikdörtgenin başlığının ne zaman ve nasıl çizileceğine karar verir; HTML, tamamlanmış satır içi <svg>'yi döndürür.
| Ç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ç |