Methods

Core Methods

render ()

Renders the chart and initializes all components.

apexGantt.render();

---

update (newOptions)

Updates the entire Gantt chart with new configuration and task data.

apexGantt.update({
  series: [
    {
      id: 'task-1',
      name: 'Design Phase',
      start: '2025-07-01',
      end: '2025-07-10',
      progress: 40
    },
    // more tasks...
  ],
  viewMode: 'Week',
});

Task Methods

updateTask (taskId, taskData)

Updates the specific task with provided task data.

apexGantt.updateTask('task-1', {
  name: 'Design Phase',
  start: '2025-07-01',
  end: '2025-07-10',
  progress: 40
});

Zoom Methods

zoomIn()

Zooms in the gantt based on current view mode. View mode direction for zoom in year -> quarter -> month -> week -> day

apexGantt.zoomIn();

---

zoomOut()

Zooms out the gantt based on current view mode. View mode direction for zoom in day -> week -> month -> quarter -> year

apexGantt.zoomOut();