python/flask/Jinja2 和 Json

标签 python json highcharts flask jinja2

“我正在使用 Flask、Jinja2、higHighcharts”

示例(Python/ flask ):

@app.route("/column/")
def column():
    data=[{"data": [49.9, 54.4], "name": "Tokyo"}, {"data": [42, 30.4], "name": "AC"}]
    return render_template('column.html', data=data)

我的模板

$(document).ready(function() {
      chart1 = new Highcharts.Chart({
         chart: {
            renderTo: 'container',
            type: 'bar'
         },
         title: {
            text: 'Fruit Consumption'
         },
         xAxis: {
            categories: ['Apples', 'Bananas', 'Oranges']
         },
         yAxis: {
            title: {
               text: 'Fruit eaten'
            }
         },
         series:{{ data }}
      });
   });

我查看 highcharts (column.html)

series:[{&\#39;data': [4, 5, 9], &\#39;name&\#39;: &\#39;Jane&\#39;},{&\#39;data&\#39;: [8, 3, 4], &\#39;name&\#39;: &\#39;John&\#39;}]});

我想纠正Jinja2的写法,最终得到想要的结果。

series: [{
            name: 'Jane',
            data: [1, 0, 4]}, {
            name: 'John',
            data: [5, 7, 3]
         }]

最佳答案

使用 Markup 将您的数据标记为安全 :

Marks a string as being safe for inclusion in HTML/XML output without needing to be escaped.

或者将{{ data }}更改为{{ data|tojson|safe }}

关于python/flask/Jinja2 和 Json,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14168539/

相关文章:

Python如何包含另一个文件中的函数

python - 从包含数组的 DataFrame 列创建平面 ndarray

javascript - facebook graph api ajax XMLHttpRequest - 空结果?

java - Highchart.getSVG 转换为 png

highcharts - 设置图表宽度, Highcharts

python - 如何沿列轴连接两个具有不同索引的数据框

python - 对 Pandas 数据帧行进行矩阵运算

python - 如何从 json 注释图像制作 tfrecords

json - 在加载 UI 之前执行代码

javascript - 使用 jQuery 的each从数组数组中解析JSON