bardelman-dhtmlx-gantt-redux
Version:
An open source JavaScript Gantt chart that helps you illustrate a project schedule in a nice-looking chart.
201 lines (200 loc) • 7.74 kB
JavaScript
var taskData = {
data: [
{
id: 1,
start_date: "2025-04-04 00:00:00",
duration: 12,
text: "Project #1",
progress: 0.1,
parent: 0,
open: true,
type: "project",
end_date: "2025-04-16 00:00:00",
},
{
id: 2,
start_date: "2025-04-04 00:00:00",
duration: 2,
text: "Task #1",
progress: 0.5,
parent: 1,
open: true,
end_date: "2025-04-06 00:00:00"
},
{
id: 5,
start_date: "2025-04-05 00:00:00",
duration: 3,
text: "Task #1.1",
progress: 0.34,
parent: 2,
open: true,
end_date: "2025-04-08 00:00:00"
},
{ id: 6, start_date: "2025-04-09 00:00:00", duration: 4, text: "Task #1.2", progress: 0.5, parent: 2, open: true, end_date: "2025-04-13 00:00:00" },
{
id: 3,
start_date: "2025-04-06 00:00:00",
duration: 0,
text: "Task #2",
progress: 0.7,
parent: 1,
open: true,
end_date: "2025-04-06 00:00:00",
type: "milestone"
},
{ id: 7, start_date: "2025-04-11 00:00:00", duration: 5, text: "Task #2.1", progress: 0.2, parent: 3, open: true, end_date: "2025-04-16 00:00:00" },
{
id: 8,
start_date: "2025-04-05 00:00:00",
duration: 4,
text: "Task #2.2",
progress: 0.9,
parent: 3,
open: true,
end_date: "2025-04-09 00:00:00"
},
{
id: 12,
start_date: "2025-04-02 00:00:00",
duration: 16,
text: "Project #2",
progress: 0,
parent: 0,
open: true,
type: "project",
end_date: "2025-04-18 00:00:00",
},
{ id: 13, start_date: "2025-04-02 00:00:00", duration: 10, text: "Task #1", progress: 0.2, parent: 12, open: true, end_date: "2025-04-12 00:00:00" },
{
id: 14,
start_date: "2025-04-03 00:00:00",
duration: 2,
text: "Task #2",
progress: 0.9,
parent: 12,
render: "split",
end_date: "2025-04-05 00:00:00"
},
{
id: 18,
start_date: "2025-04-06 00:00:00",
duration: 1,
text: "Task #2.1",
progress: 0.3,
parent: 14,
open: true,
end_date: "2025-04-07 00:00:00"
},
{ id: 19, start_date: "2025-04-09 00:00:00", duration: 2, text: "Task #2.2", progress: 0.6, parent: 14, open: true, end_date: "2025-04-11 00:00:00" },
{
id: 20,
start_date: "2025-04-12 00:00:00",
duration: 2,
text: "Task #2.3",
progress: 0.5,
parent: 14,
open: true,
end_date: "2025-04-14 00:00:00"
},
{
id: 21,
start_date: "2025-04-17 00:00:00",
duration: 1,
text: "Task #2.4",
progress: 0.7,
parent: 14,
open: true,
end_date: "2025-04-18 00:00:00"
},
{
id: 15,
start_date: "2025-04-05 00:00:00",
duration: 3,
text: "Task #3",
progress: 0.6,
parent: 12,
open: true,
end_date: "2025-04-08 00:00:00"
},
{
id: 16,
start_date: "2025-04-04 00:00:00",
duration: 1,
text: "Task #4",
progress: 0.2,
parent: 12,
render: "split",
end_date: "2025-04-05 00:00:00"
},
{
id: 22,
start_date: "2025-04-06 00:00:00",
duration: 1,
text: "Task #4.1",
progress: 1,
parent: 16,
open: true,
end_date: "2025-04-07 00:00:00"
},
{
id: 23,
start_date: "2025-04-08 00:00:00",
duration: 2,
text: "Task #4.2",
progress: 1,
parent: 16,
open: true,
end_date: "2025-04-10 00:00:00"
},
{
id: 24,
start_date: "2025-04-13 00:00:00",
duration: 0,
text: "Task #4.3",
progress: 0,
parent: 16,
open: true,
type: "milestone",
end_date: "2025-04-13 00:00:00"
},
{ id: 17, start_date: "2025-04-16 00:00:00", duration: 2, text: "Task #5", progress: 0.5, parent: 12, open: true, end_date: "2025-04-18 00:00:00" },
],
links: [],
baselines: [
{ id: 1, task_id: 1, start_date: "2025-04-06 00:00:00", duration: 3, end_date: "2025-04-09 00:00:00" },
{ id: 2, task_id: 1, start_date: "2025-04-03 00:00:00", duration: 2, end_date: "2025-04-05 00:00:00" },
{ id: 3, task_id: 1, start_date: "2025-04-06 00:00:00", duration: 2, end_date: "2025-04-08 00:00:00" },
{ id: 4, task_id: 2, start_date: "2025-04-06 00:00:00", duration: 1, end_date: "2025-04-10 00:00:00" },
{ id: 5, task_id: 2, start_date: "2025-04-11 00:00:00", duration: 1, end_date: "2025-04-12 00:00:00" },
{ id: 6, task_id: 2, start_date: "2025-04-13 00:00:00", duration: 1, end_date: "2025-04-14 00:00:00" },
{ id: 7, task_id: 2, start_date: "2025-04-15 00:00:00", duration: 3, end_date: "2025-04-18 00:00:00" },
{ id: 8, task_id: 2, start_date: "2025-04-19 00:00:00", duration: 1, end_date: "2025-04-20 00:00:00" },
{ id: 9, task_id: 3, start_date: "2025-04-10 00:00:00", duration: 3, end_date: "2025-04-13 00:00:00" },
{ id: 10, task_id: 3, start_date: "2025-04-14 00:00:00", duration: 2, end_date: "2025-04-16 00:00:00" },
{ id: 11, task_id: 3, start_date: "2025-04-16 00:00:00", duration: 1, end_date: "2025-04-17 00:00:00" },
{ id: 12, task_id: 8, start_date: "2025-04-02 00:00:00", duration: 4, end_date: "2025-04-06 00:00:00" },
{ id: 13, task_id: 18, start_date: "2025-04-03 00:00:00", duration: 1, end_date: "2025-04-04 00:00:00" },
{ id: 14, task_id: 18, start_date: "2025-04-05 00:00:00", duration: 1, end_date: "2025-04-06 00:00:00" },
{ id: 15, task_id: 20, start_date: "2025-04-11 00:00:00", duration: 2, end_date: "2025-04-13 00:00:00" },
{ id: 16, task_id: 21, start_date: "2025-04-16 00:00:00", duration: 1, end_date: "2025-04-17 00:00:00" },
{ id: 17, task_id: 21, start_date: "2025-04-18 00:00:00", duration: 1, end_date: "2025-04-19 00:00:00" },
{ id: 18, task_id: 15, start_date: "2025-04-04 00:00:00", duration: 3, end_date: "2025-04-07 00:00:00" },
{ id: 19, task_id: 22, start_date: "2025-04-01 00:00:00", duration: 1, end_date: "2025-04-02 00:00:00" },
{ id: 20, task_id: 22, start_date: "2025-04-03 00:00:00", duration: 1, end_date: "2025-04-04 00:00:00" },
{ id: 21, task_id: 23, start_date: "2025-04-08 00:00:00", duration: 2, end_date: "2025-04-10 00:00:00" },
{ id: 22, task_id: 24, start_date: "2025-04-11 00:00:00", duration: 1, end_date: "2025-04-12 00:00:00" },
{ id: 23, task_id: 24, start_date: "2025-04-12 00:00:00", duration: 1, end_date: "2025-04-13 00:00:00" },
{ id: 24, task_id: 24, start_date: "2025-04-13 00:00:00", duration: 1, end_date: "2025-04-14 00:00:00" },
{ id: 25, task_id: 24, start_date: "2025-04-14 00:00:00", duration: 1, end_date: "2025-04-15 00:00:00" },
{ id: 26, task_id: 24, start_date: "2025-04-15 00:00:00", duration: 1, end_date: "2025-04-16 00:00:00" },
{ id: 27, task_id: 24, start_date: "2025-04-16 00:00:00", duration: 1, end_date: "2025-04-17 00:00:00" },
{ id: 28, task_id: 24, start_date: "2025-04-17 00:00:00", duration: 1, end_date: "2025-04-18 00:00:00" },
{ id: 29, task_id: 24, start_date: "2025-04-18 00:00:00", duration: 1, end_date: "2025-04-19 00:00:00" },
{ id: 30, task_id: 24, start_date: "2025-04-19 00:00:00", duration: 1, end_date: "2025-04-20 00:00:00" },
{ id: 31, task_id: 24, start_date: "2025-04-20 00:00:00", duration: 1, end_date: "2025-04-21 00:00:00" },
{ id: 32, task_id: 24, start_date: "2025-04-21 00:00:00", duration: 1, end_date: "2025-04-22 00:00:00" },
{ id: 33, task_id: 24, start_date: "2025-04-22 00:00:00", duration: 1, end_date: "2025-04-23 00:00:00" },
{ id: 34, task_id: 3, start_date: "2025-04-08 00:00:00", duration: 1, end_date: "2025-04-09 00:00:00" },
],
};