Почему Plotly отображает пустое пространство при отображении графика через данные django?

#javascript #django #plotly

#javascript #django #plotly

Вопрос:

Я пытаюсь распечатать круговую диаграмму, используя из Django, но вместо печати круговой диаграммы отображается пустое пространство. Я использовал инструкции из https://plotly.com/javascript/pie-charts / но я получаю сообщение об ошибке. Как мне это исправить?

views.py

 labels = list(account_graph.keys()) # ['Food', 'Gas', 'Friends'] 
data = list(account_graph.values()) # [-6.09, -20.0, -7.0]

return render(request, "finances/account.html", {'labels': labels, 'data': data})
 

account.html

 <div id='expenses'></div>

<script>

      var data = [{
        values: {{data|safe}},
        labels: {{labels|safe}},
        type: 'pie'
      }];

      var layout = {
        height: 400, 
        width: 500
      }

      Plotly.newPlot('expenses', data, layout);
</script>
 

Ответ №1:

Проблема в том, что все ваши значения отрицательны.

Нечисловые или отрицательные значения игнорируются при вычислениях сектора круговой диаграммы (исходный код), поэтому срезы не отображаются, из-за чего график выглядит пустым.