Какой формат данных используется в диаграмме google gantt chart? Как вернуть такой формат данных в Django?

Я пытаюсь интегрировать диаграмму Ганта от google в мой Django проект, есть модель для задач, в модели уже есть 2 поля даты, одно - дата начала, другое - дата выполнения. I попытался понять, какой формат данных требуется диаграмме google, это было похоже на ['Исследование', 'Найти источники", new Date(2015, 0, 1), new Date(2015, 0, 5), null, 100, null], я запутался, как месяц может быть 0, и формат выглядит как список, как я могу вывести такой формат в Django, я попытался погуглить, кажется, что не так много людей используют google chart и еще меньше в диаграмме Ганта, я думаю, что это формат JSON, но у меня очень ограниченные знания о том. как работать с JSON, есть ли у кого-нибудь идеи о том, как вернуть формат данных в HTML? Будьте здоровы

chart.html

'''

<script type="text/javascript">
    google.charts.load('current', {'packages':['gantt']});
    google.charts.setOnLoadCallback(drawChart);

    function daysToMilliseconds(days) {
      return days * 24 * 60 * 60 * 1000;
    }

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Task ID');
      data.addColumn('string', 'Task Name');
      data.addColumn('date', 'Start Date');
      data.addColumn('date', 'End Date');
      data.addColumn('number', 'Duration');
      data.addColumn('number', 'Percent Complete');
      data.addColumn('string', 'Dependencies');

      data.addRows([
        ['Research', 'Find sources',
         new Date(2015, 0, 1), new Date(2015, 0, 5), null,  100,  null],
        ['Write', 'Write paper',
         null, new Date(2015, 0, 9), daysToMilliseconds(3), 25, 'Research,Outline'],
        ['Cite', 'Create bibliography',
         null, new Date(2015, 0, 7), daysToMilliseconds(1), 20, 'Research'],
        ['Complete', 'Hand in paper',
         null, new Date(2015, 0, 10), daysToMilliseconds(1), 0, 'Cite,Write'],
        ['Outline', 'Outline paper',
         null, new Date(2015, 0, 6), daysToMilliseconds(1), 100, 'Research']
      ]);

      var options = {
        height: 275
      };

      var chart = new google.visualization.Gantt(document.getElementById('chart_div'));

      chart.draw(data, options);
    }
  </script>

'''

Вернуться на верх