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