2017-03-24 6 views
0

私はhighchartsを使用することだし、それは、そのような私はjavascriptのにこれを通過する方法このdjangoコンテキスト変数をjavascriptに渡すにはどうすればよいですか?

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 
     }] 

としてその変数に渡すために私を必要としますか?

+0

あなたはpython辞書を使用できます –

答えて

2

Pythonでデータ構造を生成し、それをスクリプトにJSONオブジェクトとして渡すことができます。これを安全に行うには、django-argonautsのようなライブラリを使用する必要があります。あなたのビューで

data = { 
    'series': [ 
     'name': 'Brands', 
     'colorByPoint': true, 
     # etc... 
    ] 
} 

があなたのテンプレートにコンテキスト変数としてこれを渡します。

次に、テンプレート内:|jsonを正しく扱うあなたのためのすべてのデータをエスケープしますアルゴノーツライブラリによって提供されるテンプレートフィルター、ある

{% load argonauts %} 
<script> 
    (function() { 
     var data = {{ data|json }}; 
     // do something with data 
    })(); 
</script> 

関連する問題