[Source Code]-Using a flask variable as data source for highcharts-Highcharts

score:2

Jinja2 escapes all variables as a safety measure. The array of dictionaries you show is rendered by default as:

[{&#39;f_name&#39;: &#39;Bruce Gradkowski&#39;, &#39;team&#39;: &#39;PIT&#39;, &#39;number&#39;: 5, &#39;position&#39;: &#39;QB&#39;, &#39;y&#39;: 99.79, &#39;x&#39;: 185.42}, {&#39;f_name&#39;: &#39;Matthew Stafford&#39;, &#39;team&#39;: &#39;DET&#39;, &#39;number&#39;: 9, &#39;position&#39;: &#39;QB&#39;, &#39;y&#39;: 105.23, &#39;x&#39;: 190.5}]

Note how the quotes were converted into HTML entities.

To prevent escaping you can add the safe filter as follows:

{{ var_name|safe }}

Note that this only works because Javascript and Python happen to have a similar syntax for arrays and dictionaries.

Miguel Grinberg 61256

[Source Code]-Using a flask variable as data source for highcharts-Highcharts

Related Articles