Estoy tratando de crear un diagrama de Gantt a partir del código existente. Cuando lo ejecuto me sale un error. $('#myGantt').gantt({ . Todas las dependencias están instaladas y vinculadas correctamente.
<div id="myGantt"></div> <script type="text/javascript"> var myTask = [ { id: 10, name: 'Task 1', title: 'Title 1', date_start: '2019-05-09', date_end: '2019-06-10', color: '#ADFF2F', }, { id: 11, name: 'Task 2', date_start: '2019-06-15', date_end: '2019-06-20', color: '#ADD8E6', }, { id: 12, name: 'Task 3', date_start: '2019-07-05', date_end: '2019-07-15', color: '#FFDAB9', }, { id: 13, name: 'Task 4', date_start: '2019-07-16', date_end: '2019-07-18', color: '#BC8F8F', }, { id: 14, name: 'Task 5', date_start: '2019-07-20', date_end: '2019-07-23', color: '#9932CC' }, { id: 15, name: 'Task 6', date_start: '2019-07-25', date_end: '2019-07-28', color: '#808000' } ]; $('#myGantt').gantt({ data: myTask }); $('#myGantt').gantt({ data: myTask, dtStart: '2019-05-05', dtEnd: '2019-09-05' }); $('#myGantt').gantt({ data: myTask, width: 500, // default auto height: 400 }); $('#myGantt').gantt({ data: myTask, click: function(taskId, taskName, taskCountDays){ console.log('task', taskId, taskName, taskCountDays); } }); $('#myGantt').gantt({ data: myTask, locale: 'pt-BR' }); $('#myGantt').gantt({ data: myTask, labelTask: true }); $('#myGantt').gantt({ data: myTask, widthCorrectionFirstCol: 100 }); </script>está aplicando repetidamente la función gantt() al mismo elemento DOM $('#myGantt') con diferentes parámetros de entrada. Debe recopilar todos los parámetros y llamar a gantt () solo una vez como
$('#myGantt').gantt({ data: myTask dtStart: '2019-05-05', dtEnd: '2019-09-05', .... ... });