时间戳

首页 > 解决方案 > 使用 Django 和 HTML 在 chart.js 上显示输出

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

问题描述

我有需要使用 chart.js 将数据传递给 HTML 文件到 ctreate 图表的数据

继承人 view.py [![enter image description here][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

标签： javascriptpythonhtmldjangochart.js

解决方案

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

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

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

推荐阅读