在Django中将数据从数据库传递到highcharts答案

【问题标题】：passing data from database to highcharts in Django在Django中将数据从数据库传递到highcharts
【发布时间】：2016-06-25 13:33:50
【问题描述】：

在 Django 中，从数据库中获取数据并将其传递到 Highcharts 中最优雅的解决方案是什么？我偶然发现了this question，但我不断收到以下错误：JSerror: Invalid property id at var chart_id = {{ chartID|safe }}，如果我尝试在我的示例中使用它。

模板如下所示：

<html>
<div id={{ chartID|safe }} class="chart" style="height: 100px; width: 500px"></div>
<script>
var chart_id = {{ chartID|safe }}
var series = {{ series|safe }}
var title = {{ title|safe }}
var xAxis = {{ xAxis|safe }}
var yAxis = {{ yAxis|safe }}
var chart = {{ chart|safe }}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

如果有更好的方法将数据传递到 highcharts，请告诉我。

【问题讨论】：

标签： django python-2.7 highcharts

【解决方案1】：

也许您的 javascript 中缺少引号：

var chart_id = "{{ chartID|safe }}";

【讨论】：

【解决方案2】：

您必须将数据作为上下文传递给模板，在 python 中将其更改为列表。然后在您的 javascript 块中创建一个脚本标记，然后声明您传递的数据变量，然后将它们传递给您的绘图脚本。

【讨论】：