StatCard
TsgcHTMLComponent_StatCard — Delphi, C++ Builder ve .NET'te bir simge, eğilim oku ve isteğe bağlı bir degrade arka planla bir gösterge paneli KPI/istatistik kartı işleyin.
TsgcHTMLComponent_StatCard — Delphi, C++ Builder ve .NET'te bir simge, eğilim oku ve isteğe bağlı bir degrade arka planla bir gösterge paneli KPI/istatistik kartı işleyin.
Bootstrap card üzerine kurulu bir metrik döşemesi. Bir başlık ve değer ayarlayın, bir simge ve eğilim ekleyin, isteğe bağlı olarak bir degrade uygulayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_StatCard
Bootstrap 5 card işaretlemesi
Delphi, C++ Builder, .NET
Title ve Value'yu atayın, bir Color ve bir Trend, isteğe bağlı olarak bir Gradient seçin, ardından HTML'i okuyun — ya da tek satırlık statik Build yardımcısını kullanın.
uses
sgcHTML_Component_StatCard;
var
oStat: TsgcHTMLComponent_StatCard;
begin
oStat := TsgcHTMLComponent_StatCard.Create(nil);
try
oStat.Title := 'Monthly Revenue';
oStat.Value := '$48,200';
oStat.Icon := '●';
oStat.Color := scSuccess;
oStat.Trend := stUp;
oStat.TrendValue := '12.5%';
WebModule.Response := oStat.HTML; // Bootstrap card
finally
oStat.Free;
end;
end;
// Or in a single line with the static helper:
Result := TsgcHTMLComponent_StatCard.Build('Monthly Revenue', '$48,200',
scSuccess, stUp, '12.5%', 'kpiRevenue', sgBlueViolet);// includes: sgcHTML_Component_StatCard.hpp
TsgcHTMLComponent_StatCard *oStat = new TsgcHTMLComponent_StatCard(NULL);
try
{
oStat->Title = "Monthly Revenue";
oStat->Value = "$48,200";
oStat->Icon = "●";
oStat->Color = scSuccess;
oStat->Trend = stUp;
oStat->TrendValue = "12.5%";
String html = oStat->HTML; // Bootstrap card
}
__finally
{
delete oStat;
}
// Or in a single line with the static helper:
String html = TsgcHTMLComponent_StatCard::Build("Monthly Revenue", "$48,200",
scSuccess, stUp, "12.5%", "kpiRevenue", sgBlueViolet);using esegece.sgcWebSockets;
var stat = new TsgcHTMLComponent_StatCard();
stat.Title = "Monthly Revenue";
stat.Value = "$48,200";
stat.Icon = "●";
stat.Color = TsgcHTMLStatColor.scSuccess;
stat.Trend = TsgcHTMLStatTrend.stUp;
stat.TrendValue = "12.5%";
string html = stat.HTML; // Bootstrap card
// Or in a single line with the static helper:
string oneLine = TsgcHTMLComponent_StatCard.Build("Monthly Revenue", "$48,200",
TsgcHTMLStatColor.scSuccess, TsgcHTMLStatTrend.stUp, "12.5%", "kpiRevenue",
TsgcHTMLStatGradient.sgBlueViolet);En sık başvurduğunuz üyeler.
Title, kartı etiketler, Value, ana rakamı gösterir ve Icon, köşede satır içi bir simge glifini işler.
Trend (TsgcHTMLStatTrend: stUp, stDown, stNeutral), renkli bir ok çizer ve TrendValue, fark metnini ayarlar.
Color (TsgcHTMLStatColor), kenarlığı, değeri ve simgeyi bir Bootstrap bağlamsal rengiyle temalar.
Gradient (TsgcHTMLStatGradient), önceden ayarlanmış bir degrade uygular; GradientStartColor, GradientEndColor ve GradientAngle, özel bir tane tanımlar.
FooterText, bir başlık satırı ekler, CardID, DOM kimliğini ayarlar ve CSSClass, ek sınıflar ekler.
Build(aTitle, aValue, aColor, aTrend, aTrendValue, aCardID, aGradient), kart HTML'ini tek bir statik çağrıda döndürür.