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

Я пытаюсь распечатать круговую диаграмму с помощью 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>

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

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

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