如何将django上下文变量传递到javascript中?

如何将django上下文变量传递到javascript中?,javascript,python,django,web,highcharts,Javascript,Python,Django,Web,Highcharts,我使用的是highcharts,它需要我向它传递这样的变量 series: [{ name: 'Brands', colorByPoint: true, data: [{ name: 'Microsoft Internet Explorer', y: 56.33 }, { name: 'Chrome', y: 24.03,

我使用的是highcharts,它需要我向它传递这样的变量

 series: [{
        name: 'Brands',
        colorByPoint: true,
        data: [{
            name: 'Microsoft Internet Explorer',
            y: 56.33
        }, {
            name: 'Chrome',
            y: 24.03,
            sliced: true,
            selected: true
        }, {
            name: 'Firefox',
            y: 10.38
        }, {
            name: 'Safari',
            y: 4.77
        }, {
            name: 'Opera',
            y: 0.91
        }, {
            name: 'Proprietary or Undetectable',
            y: 0.2
        }]

如何将其传递到javascript中?

您可以用Python生成数据结构,然后将其作为JSON对象传递给脚本。您需要使用类似的库才能安全地执行此操作

在你看来:

data = {
    'series': [
        'name': 'Brands',
        'colorByPoint': true,
        # etc...
    ]
}
将其作为上下文变量传递给模板

然后,在模板中:

{% load argonauts %}
<script>
  (function () {
      var data = {{ data|json }};
      // do something with data
  })();
</script>
{%load argonauts%}
(功能(){
var data={{data}json};
//处理数据
})();

其中,
| json
是Argonauts库提供的模板过滤器,它将为您正确处理所有转义数据。

您可以用Python生成数据结构,然后将其作为json对象传递给脚本。您需要使用类似的库才能安全地执行此操作

在你看来:

data = {
    'series': [
        'name': 'Brands',
        'colorByPoint': true,
        # etc...
    ]
}
将其作为上下文变量传递给模板

然后,在模板中:

{% load argonauts %}
<script>
  (function () {
      var data = {{ data|json }};
      // do something with data
  })();
</script>
{%load argonauts%}
(功能(){
var data={{data}json};
//处理数据
})();

其中,
| json
是Argonauts库提供的模板过滤器,它将为您正确处理所有转义数据。

您可以使用python字典您可以使用python字典