使用Django和HTML在chart.js上显示输出

Question

我有一些数据需要通过chart.js传递到HTML文件到ctreate图表

这里是view.py [！[在此处输入图像描述][1][1] 注释后的代码仅以文本形式在HTML文件上打印数据

下面是我想在上面使用的HTML文件chart.js [！[在此处输入图像描述][2][2]

你能告诉我如何将数据传递给chart.js吗？我需要转换它吗？或者，您可以建议另一种方式，以可视化的数据与时尚的条形图 以dict形式显示的数据 下面是它的示例{'values'：[3,1,1]，'data_labels'：['data1'，'data2'，'data3']} .. 如果有任何细节问题，请告诉我 [1] ：https://i.stack.imgur.com/crLZP.png [2] ：https://i.stack.imgur.com/xlre5.png

Answer 1

传统上，这样的数据是从一个单独的端点提供的，因此当前端需要图表数据（在该模型中）时，它会制作一个fetch从站点上的一个单独的URL获取，例如yoursite.com/chartdata/5

但是，如果您已经加载了数据，您可以简单地将其放入Javascript变量中，方法是将其输出到<script>标记中，例如

 <script>
 const chartData = *outputHereAsJSON*;
 useYour(chartData);
 </script>