Интеграция с JQuery

При работе с библиотекой JQuery вы можете настроить диаграмму Ганта на своей странице, используя знакомый синтаксис.

Вот пример того, как инициализировать базовую диаграмму Ганта с использованием JQuery:

Диаграмма Ганта, инициализированная с помощью JQuery

$(".mygantt").dhx_gantt({
    data: demo_tasks,
    scales: [
        { unit: "year", step: 1, format: "%Y" }
    ]
});
$("#gantt1").dhx_gantt().parse(tasksA);

<div class="mygantt" id='gantt1' style='width:100%; height:30%;'></div>

Related sample: jQuery integration

Вот что делает каждая часть:

".mygantt" - Это CSS селектор, совместимый с jQuery, который указывает контейнер, где появится диаграмма Ганта.
Метод dhx_gantt() - Этот метод инициализирует dhtmlxGantt. Он принимает объект конфигурации в качестве параметра:
- data - (object) Набор данных, который будет отображаться на диаграмме Ганта.
- scales - (array) Массив, содержащий конфигурацию временной шкалы.

Когда вы инициализируете диаграмму Ганта через вызов jQuery, она работает с теми же параметрами конфигурации и API, что и при инициализации непосредственно через JavaScript.

Related sample: jQuery integration

К началу