Проблема при создании круговой диаграммы с помощью django с полностью динамическими данными

У меня есть бэкенд Django, который отправляет этот дикт :

{'New': 1, 'Pending': 0, 'Done': 0}

Мне нужно сделать круговую диаграмму с этим, поэтому Я пытался:

labels: ["{% for key, value in pie.items %}{{key}}{% endfor %}"]

и выводится "NewPendingDone" вместо New, Pending, Done

Мой полный код: 

var config = {
  type: 'pie',
  data: {
    datasets: [{
      data: ["{% for key, value in pie.items %}{{value}}{% endfor %}"],
      backgroundColor: [
        '#dc3912', '#ff9900', '#3366cc'
      ],
      label: ''
    }], 
    labels: ["{% for key, value in pie.items %}{{key}}{% endfor %}"] <-- here
  },
  options: {
    responsive: true,
    plugins: {
        legend: {
            position: 'top',
        },
        title: {
            display: true,
            text: ''
        }

    }
}
};

Вот эс текущей ситуации. Диаграмма пирога

Для создания списка вы можете сделать следующее:

labels: [{% for key, value in pie.items %}"{{key}}",{% endfor %}]

Выход: ["Key1","Key2","Key3"]

data: [{% for key, value in pie.items %}{{value}},{% endfor %}]

Выход: [1,0,0]

У вас нет запятой, и строка заключает в себе весь цикл for в вашем примере.

Это должно работать.

(Даже если это выглядит немного странно в теге html script)

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