将数据从数据库传递到Django中的highcharts

时间:2016-03-10 15:42:57

标签: django python-2.7 highcharts

Django中最优雅的解决方案是从数据库中获取数据并将其传递给Highcharts?我偶然发现this question,但我继续收到以下错误:JSerror:var chart_id = {{ chartID|safe }}的无效属性ID,如果我尝试在我的示例中使用它。

模板如下所示:

<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,请告诉我。

2 个答案:

答案 0 :(得分:2)

也许你错过了javascript中的引号:

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

答案 1 :(得分:0)

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