在 python 中创建.json 并将其传递给 Javascript

Question

我正在尝试将 python 字典作为 JSON 传递给 JavaScript ZC1C425268E18385D1AB5047CF。 这是字典：

dataset = {
'labels': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
'datasets': [{
'label': "test1",
'backgroundColor': "#54FFD820",
'borderColor': "#54FFD820",
'borderWidth': 2,
'hoverBackgroundColor': "#54FFD820",
'hoverBorderColor': "#54FFD820",
'data': [49, 47, 51, 48, 45, 44, 40, 42, 47, 45],
},
{
'label': "test2",
'backgroundColor': "#54FFD840",
'borderColor': "#54FFD840",
'borderWidth': 2,
'hoverBackgroundColor': "#54FFD840",
'hoverBorderColor': "#54FFD840",
'data': [11, 9, 7, 10, 9, 12, 16, 15, 18, 22],
},
{
'label': "test3",
'backgroundColor': "#54FFD860",
'borderColor': "#54FFD860",
'borderWidth': 2,
'hoverBackgroundColor': "#54FFD860",
'hoverBorderColor': "#54FFD860",
'data': [32, 35, 33, 31, 29, 34, 35, 37, 36, 34],
}]}

那是 python 字典，我使用简单的 flask function 传递它：

@app.route('/', methods=['GET'])
def main():
    data ={'pools': pools, 'intervals': time_intervals, 'dataset': json.dumps(dataset)}
    return render_template('index.html', data=data)

我从 html 调用 JS function：

...
<body onload="plot_it({ data : 'dataset' })">
...

plot_it() 是 chart.js function：

function plot_it(chart_data) {
 Chart.Line('test_chart', {
 options: options,
 data: chart_data
});
}

plot_it()正在工作，chary 被渲染（空）。 我正在努力正确调试它，但我怀疑这可能是不同的 python/JS JSON 构造的问题，因为我没有收到任何错误。 任何提示表示赞赏！

Answer 1

我认为您使用错误的语法从data变量访问dataset 。

尝试使用点表示法，并确保您的变量位于两个大括号{{ variable }}之间。

<body onload="plot_it({{ data.dataset }})">
...

或者，您也可以使用下标语法 ( [] )。

<body onload="plot_it({{ data['dataset'] }})">
...

在 python 中创建.json 并将其传递给 Javascript

问题描述

1 个解决方案

解决方案1
0 已采纳 2021-05-18 18:55:56

在 python 中创建.json 并将其传递给 Javascript

问题描述

1 个解决方案

解决方案1 0 已采纳 2021-05-18 18:55:56

解决方案1
0 已采纳 2021-05-18 18:55:56