Sparkline
TsgcHTMLComponent_Sparkline — Delphi, C++ Builder 및 .NET에서 값 시리즈 또는 바인딩된 데이터셋으로부터 컴팩트한 인라인 SVG 라인, 막대 또는 영역 스파크라인을 렌더링합니다.
TsgcHTMLComponent_Sparkline — Delphi, C++ Builder 및 .NET에서 값 시리즈 또는 바인딩된 데이터셋으로부터 컴팩트한 인라인 SVG 라인, 막대 또는 영역 스파크라인을 렌더링합니다.
AddValue 또는 SetData로 값을 추가하고(또는 데이터셋을 바인딩하고), ChartType을 선택한 다음, HTML 속성을 읽습니다 — 또는 한 줄로 처리하는 Build를 호출하십시오.
TsgcHTMLComponent_Sparkline
인라인 SVG 스파크라인(span, 차트 라이브러리 미사용)
Delphi, C++ Builder, .NET
시리즈에 대해 AddValue 또는 SetData를 호출한(또는 LoadFromDataSet을 사용한) 다음, ChartType을 설정하고 HTML을 읽습니다.
uses
sgcHTML_Component_Sparkline;
var
oSpark: TsgcHTMLComponent_Sparkline;
sHTML: string;
begin
oSpark := TsgcHTMLComponent_Sparkline.Create(nil);
try
oSpark.ChartType := slArea;
oSpark.Width := 160;
oSpark.Height := 32;
oSpark.ShowLastPoint := True;
oSpark.SetData([14, 18, 12, 22, 30, 26, 34]);
WebModule.Response := oSpark.HTML; // inline SVG, no chart library
finally
oSpark.Free;
end;
end;
// Or bind it straight to a dataset:
oSpark.LoadFromDataSet(qryRevenue, 'Amount');
// One-liner for inline use inside a bigger page:
sHTML := TsgcHTMLComponent_Sparkline.Build([5, 9, 4, 12, 7], slBar);// includes: sgcHTML_Component_Sparkline.hpp
TsgcHTMLComponent_Sparkline *oSpark = new TsgcHTMLComponent_Sparkline(NULL);
try
{
oSpark->ChartType = slArea;
oSpark->Width = 160;
oSpark->Height = 32;
oSpark->ShowLastPoint = true;
double vValues[] = {14, 18, 12, 22, 30, 26, 34};
for (int i = 0; i < 7; i++)
oSpark->AddValue(vValues[i]);
String html = oSpark->HTML; // inline SVG, no chart library
}
__finally
{
delete oSpark;
}using esegece.sgcWebSockets;
var spark = new TsgcHTMLComponent_Sparkline();
spark.ChartType = TsgcHTMLSparklineType.slArea;
spark.Width = 160;
spark.Height = 32;
spark.ShowLastPoint = true;
foreach (var v in new double[] { 14, 18, 12, 22, 30, 26, 34 })
spark.AddValue(v);
string html = spark.HTML; // inline SVG, no chart library가장 자주 사용하게 되는 멤버.
AddValue(aValue)는 포인트 하나를 추가합니다. SetData(array of Double)는 전체 시리즈를 대체합니다. ClearData는 시리즈를 비웁니다.
LoadFromDataSet(aDataSet, aValueField)는 데이터셋 순서대로 행마다 값 하나를 읽습니다.
클래스 함수 Build(aValues, aChartType, aLineColor)는 인스턴스를 관리하지 않고도 즉시 사용 가능한 HTML을 반환합니다.
ChartType(slLine, slBar, slArea)은 시리즈가 그려지는 방식을 결정합니다.
LineColor/FillColor/LineWidth는 선과 채우기를 제어합니다. Width/Height는 SVG 크기를 정합니다.
ShowLastPoint/ShowMinMax는 주요 포인트를 강조 표시합니다. AutoMin/AutoMax와 함께 사용하는 Min/Max는 Y축 범위를 고정합니다.