Gauge
TsgcHTMLComponent_Gauge — Delphi, C++ Builder ve .NET'te bir değeri min ve maks değerine karşı düşük, orta ve yüksek renk eşikleriyle çizen yarım daire bir SVG gösterge işleyin.
TsgcHTMLComponent_Gauge — Delphi, C++ Builder ve .NET'te bir değeri min ve maks değerine karşı düşük, orta ve yüksek renk eşikleriyle çizen yarım daire bir SVG gösterge işleyin.
Kendi içinde tamamlanmış satır içi bir <svg> yarım daire üreten bir KPI bileşeni. Değeri, aralığı ve birimi ayarlayın, ardından HTML özelliğini okuyun — değer orta ve yüksek eşikleri geçtikçe yay rengi otomatik olarak değişir.
TsgcHTMLComponent_Gauge
Satır içi <svg> yarım daire gösterge
Delphi, C++ Builder, .NET
Value, MinValue ve MaxValue'yu ayarlayın, eşikleri seçin, ardından HTML'i okuyun. Tek seferlik bir gösterge için statik Build yardımcısını kullanın.
uses
sgcHTML_Enums, sgcHTML_Component_Gauge;
var
oGauge: TsgcHTMLComponent_Gauge;
begin
oGauge := TsgcHTMLComponent_Gauge.Create(nil);
try
oGauge.Title := 'CPU Load';
oGauge.Value := 72;
oGauge.MinValue := 0;
oGauge.MaxValue := 100;
oGauge.Unit_ := '%';
oGauge.ThresholdMid := 50;
oGauge.ThresholdHigh := 80;
oGauge.ColorLowStyle := hcSuccess;
oGauge.ColorMidStyle := hcWarning;
oGauge.ColorHighStyle := hcDanger;
WebModule.Response := oGauge.HTML; // inline <svg> semicircle
finally
oGauge.Free;
end;
end;
// Or one line with the static Build helper:
Result := TsgcHTMLComponent_Gauge.Build('CPU Load', 72, 0, 100, '%');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Gauge.hpp
TsgcHTMLComponent_Gauge *oGauge = new TsgcHTMLComponent_Gauge(NULL);
try
{
oGauge->Title = "CPU Load";
oGauge->Value = 72;
oGauge->MinValue = 0;
oGauge->MaxValue = 100;
oGauge->Unit_ = "%";
oGauge->ThresholdMid = 50;
oGauge->ThresholdHigh = 80;
oGauge->ColorLowStyle = hcSuccess;
oGauge->ColorMidStyle = hcWarning;
oGauge->ColorHighStyle = hcDanger;
String html = oGauge->HTML; // inline <svg> semicircle
}
__finally
{
delete oGauge;
}
// Or one line with the static Build helper:
String html = TsgcHTMLComponent_Gauge::Build("CPU Load", 72, 0, 100, "%");using esegece.sgcWebSockets;
var gauge = new TsgcHTMLComponent_Gauge();
gauge.Title = "CPU Load";
gauge.Value = 72;
gauge.MinValue = 0;
gauge.MaxValue = 100;
gauge.Unit_ = "%";
gauge.ThresholdMid = 50;
gauge.ThresholdHigh = 80;
gauge.ColorLowStyle = TsgcHTMLColor.hcSuccess;
gauge.ColorMidStyle = TsgcHTMLColor.hcWarning;
gauge.ColorHighStyle = TsgcHTMLColor.hcDanger;
string html = gauge.HTML; // inline <svg> semicircle
// Or one line with the static Build helper:
string html = TsgcHTMLComponent_Gauge.Build("CPU Load", 72, 0, 100, "%");En sık başvurduğunuz üyeler.
Value, MinValue ve MaxValue (hepsi Double), yayın neye kadar dolacağını tanımlar; değer otomatik olarak aralığa kıskaçlanır.
Title, göstergenin altına yazdırılır ve Unit_, değerin yanına yazdırılır; min ve maks, yayın uçlarına çizilir.
ThresholdMid ve ThresholdHigh (Double), okuma yükseldikçe değer yayının hangi rengi kullanacağına karar verir.
ColorLowStyle, ColorMidStyle ve ColorHighStyle (TsgcHTMLColor), eşik renklerini ayarlar; ColorLow/ColorMid/ColorHigh dizeleri bunları gerçek bir CSS rengiyle geçersiz kılar. BackgroundArcColorStyle, izi renklendirir.
Width (px, varsayılan 200), ArcStrokeWidth, ValueFontSize, UnitFontSize, LabelFontSize ve SvgViewBox, işlenen SVG'yi ayarlar.
HTML, satır içi <svg> göstergesini döndürür. Statik Build(aTitle, aValue, aMin, aMax, aUnit, aGaugeID), aynı işaretlemeyi tek bir çağrıda döndürür.