为什么Plotly在通过django数据显示图形时显示空白

Question

我正试图使用from 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>

Answer 1

问题是您的值都是负数。

饼图扇区计算(源代码(中会忽略非数值或负值，因此不会显示任何切片，使图形看起来为空。