Как в в Django перенести данные из БД в Google Charts?

Question

[Caeterra]

Здравствуйте! Целый день бьюсь, никак не могу понять, как передать значения из базы данных в график google Charts?

data = table.objects.filter(title = key)

Таблица содержит поля: ID (pk), название, число, дата. Мне нужно передать значение дата- число в data.addRows

Гугл шаблон выглядит так:

google.charts.load('current', {packages: ['corechart', 'line']});
google.charts.setOnLoadCallback(drawBasic);

function drawBasic() {

      var data = new google.visualization.DataTable();
      data.addColumn('number', 'X');
      data.addColumn('number', 'Dogs');

     data.addRows([
        [0, 0],   [1, 10],  [2, 23],  [3, 17],  [4, 18],  [5, 9],
        [6, 15],  [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35],
        [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
        [18, 52], [19, 54], [20, 42], [21, 55], [22, 56], [23, 57],
        [24, 60], [25, 50], [26, 52], [27, 51], [28, 49], [29, 53],
        [30, 55]
      ]);

      var options = {
        axisTitlesPosition: 'none',
        chartArea:{left:30,top:20, right:10, bottom: 20},
        height: '260',
        width:'450',
        vAxis: {
          format: 'short'
        }
      };

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

      chart.draw(data, options);
    }

Попробовал через

dump = serializers.serialize('python', data)

но на выходе не получается передать его в JS

Есть у кого какие мысли?

Comments

[776166]

Что именно не получается?

[Caeterra]

776166, делаю так:

data = table.objects.filter(link_title = key)
    arr = []
    for x in data:
        date = x.num #тут должна быть дата. но пока для теста число
        num  = x.num
        arr.append([date,num])

#return render(request, 'index/index.html', { 'data' : arr})

В принципе массив получается вида: [[1, 10], [2, 23], [3, 17], [4, 18], [5, 9], [6, 15], [7, 27]], как и нужен в data.addRows. Но когда я пытаюсь подставить:

data.addRows({{data|safe}});

ничего не отображается

а если заключить в кавычки : data.addRows('{{data|safe}}'); то появляется просто сетка без каких либо данных

Answer 1

[Caeterra]

Вопрос снят, сам разобрался:

нужно массив объявить в самом шаблоне

<script type="text/javascript">
var tmp = ({{data|safe}});
</script>

а остальная часть Google Charts подключена во внешнем файле