Gantt
TsgcHTMLComponent_Gantt — Delphi, C++ Builder ve .NET'te renkli görev çubukları ve ilerleme dolgularına sahip bir Gantt proje zaman çizelgesi grafiği işleyin.
TsgcHTMLComponent_Gantt — Delphi, C++ Builder ve .NET'te renkli görev çubukları ve ilerleme dolgularına sahip bir Gantt proje zaman çizelgesi grafiği işleyin.
Başlangıç ve bitiş tarihleri ile bir ilerleme yüzdesine sahip görevler ekleyin, bir başlık ayarlayın, ardından HTML özelliğini okuyun — bileşen her çubuğu proje aralığı boyunca ölçeklendirir.
TsgcHTMLComponent_Gantt
Görev çubuklu Bootstrap 5 kartı + kapsamlı CSS
Delphi, C++ Builder, .NET
Bir Title ayarlayın, her iş öğesi için tarihleri, ilerlemesi ve rengiyle AddTask'i çağırın, ardından HTML'i okuyun.
uses
sgcHTML_Enums, sgcHTML_Component_Gantt;
var
oGantt: TsgcHTMLComponent_Gantt;
begin
oGantt := TsgcHTMLComponent_Gantt.Create(nil);
try
oGantt.Title := 'Release Plan';
oGantt.AddTask('Design', EncodeDate(2026, 6, 1),
EncodeDate(2026, 6, 7), 100, hcPrimary, 'Ana');
oGantt.AddTask('Build', EncodeDate(2026, 6, 8),
EncodeDate(2026, 6, 20), 45, hcSuccess, 'Tom');
WebModule.Response := oGantt.HTML; // card + task bars + CSS
finally
oGantt.Free;
end;
end;// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Gantt.hpp
TsgcHTMLComponent_Gantt *oGantt = new TsgcHTMLComponent_Gantt(NULL);
try
{
oGantt->Title = "Release Plan";
oGantt->AddTask("Design", EncodeDate(2026, 6, 1),
EncodeDate(2026, 6, 7), 100, hcPrimary, "Ana");
oGantt->AddTask("Build", EncodeDate(2026, 6, 8),
EncodeDate(2026, 6, 20), 45, hcSuccess, "Tom");
String html = oGantt->HTML; // card + task bars + CSS
}
__finally
{
delete oGantt;
}using esegece.sgcWebSockets;
var gantt = new TsgcHTMLComponent_Gantt();
gantt.Title = "Release Plan";
gantt.AddTask("Design", new DateTime(2026, 6, 1),
new DateTime(2026, 6, 7), 100, TsgcHTMLColor.hcPrimary, "Ana");
gantt.AddTask("Build", new DateTime(2026, 6, 8),
new DateTime(2026, 6, 20), 45, TsgcHTMLColor.hcSuccess, "Tom");
string html = gantt.HTML; // card + task bars + CSSEn sık başvurduğunuz üyeler.
Tasks, Title, StartDate, EndDate, Progress, enum Color ve Assignee'ye sahip iş öğelerini tutar.
AddTask(aTitle, aStart, aEnd, aProgress, aColor, aAssignee), tek bir çağrıda bir çubuk ekler.
Bileşen, tüm görevler arasında en erken başlangıcı ve en geç bitişi bulur ve her çubuğu o aralık boyunca orantılı olarak konumlandırır.
Her görevin Progress'i (0–100), tamamlanma bir bakışta görünsün diye çubuğunun üzerine yarı saydam bir dolgu çizer.
Title, grafiğin üzerinde kalın bir başlık işler; başlık satırını kaldırmak için boş bırakın.
GanttID, kartı tanımlar; HTML, kartı, görev satırlarını ve kapsamlı Gantt CSS'sini döndürür.