Gantt
TsgcHTMLComponent_Gantt — renderuje wykres Gantta osi czasu projektu z kolorowymi paskami zadań i wypełnieniami postępu, w Delphi, C++ Builder i .NET.
TsgcHTMLComponent_Gantt — renderuje wykres Gantta osi czasu projektu z kolorowymi paskami zadań i wypełnieniami postępu, w Delphi, C++ Builder i .NET.
Dodaj zadania z datami rozpoczęcia i zakończenia oraz procentem postępu, ustaw nagłówek, a następnie odczytaj właściwość HTML — komponent skaluje każdy pasek w zakresie projektu.
TsgcHTMLComponent_Gantt
Karta Bootstrap 5 z paskami zadań + dedykowany CSS
Delphi, C++ Builder, .NET
Ustaw Title, wywołaj AddTask dla każdego elementu pracy z jego datami, postępem i kolorem, a następnie odczytaj HTML.
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 + CSSSkładniki, po które sięgasz najczęściej.
Tasks przechowuje elementy pracy z Title, StartDate, EndDate, Progress, wyliczeniowym Color i Assignee.
AddTask(aTitle, aStart, aEnd, aProgress, aColor, aAssignee) dołącza jeden pasek w pojedynczym wywołaniu.
Komponent znajduje najwcześniejszy początek i najpóźniejszy koniec spośród wszystkich zadań i umieszcza każdy pasek proporcjonalnie w tym zakresie.
Progress każdego zadania (0–100) rysuje półprzezroczyste wypełnienie na jego pasku, dzięki czemu ukończenie widać na pierwszy rzut oka.
Title renderuje pogrubiony nagłówek nad wykresem; pozostaw go pusty, aby pominąć wiersz nagłówka.
GanttID identyfikuje kartę; HTML zwraca kartę, wiersze zadań i dedykowany CSS Gantta.