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

【问题标题】：displaying the output on chart.js using Django and HTML使用 Django 和 HTML 在 chart.js 上显示输出
【发布时间】：2020-11-20 07:55:38
【问题描述】：

我有数据需要传递给 HTML 文件以使用 chart.js 处理图表

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

这是我想在其上使用的 HTML 文件 chart.js [![在此处输入图片描述][2]][2]

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

【问题讨论】：

标签： javascript python html django chart.js

【解决方案1】：

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

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

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

【讨论】：

如何将视图中的数据传递给脚本
stackoverflow.com/questions/63179386/… 可以在那里查看我的问题。
是的，正如@Reem Abdulrhman 在他的链接中所建议的那样，您输出 JSON 数据字符串（我在其中写 *ouputHereAsJSON*）的方式与在 Django 中输出 any 字符串的方式相同...通过使用两个花括号模板语法。就 Django 而言，您的 HTML 只是一个大字符串，由模板和数据编译而成，而您的 JSON 数据只是其中的一个子字符串，与其他任何内容相同。