为啥通过 django 数据显示图表时 Plotly 显示空白？

Posted 2023-02-18

【中文标题】为啥通过 django 数据显示图表时 Plotly 显示空白？

【英文标题】：Why is Plotly displaying empty space when displaying a graph through django data?为什么通过 django 数据显示图表时 Plotly 显示空白？

【发布时间】：2022-01-11 04:25:53

【问题描述】：

我正在尝试使用 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】：

问题是你的价值观都是负面的。

在饼图扇区计算 (source code) 中会忽略非数字或负值，因此不会显示任何切片，从而使图表看起来是空的。