Javascript Flask，python字典到highcharts JS图

我有一个flask web应用程序。在这个应用程序中，我称之为“bar.htm”

返回渲染模板（'bar.htm'，mapping=mapping）

其中映射是一个字典，类似于：

mapping={'jack'：4098'sape'：4139}

现在我想在Highcharts条形图中使用这本词典。其中包含示例数据的条形图如下所示：

（链接到代码以防止出现重大问题）

如何在这个JS文件中实现自己的字典？ highchart图形的数据部分如下所示：

系列：[{
姓名：'人口'，
数据：[

您可以使用对象作为数据点，但不能使用自定义名称。它应该类似于{y:10，name:'yourname'}。因此，您只需要在正确的结构中使用映射对象。

在Python视图中：

mapping = [
    ['Shanghai', 23.7],
    ['Lagos', 16.1],
    ['Instanbul', 14.2],
    ['Karachi', 14.0],
    ['Mumbai', 12.5],
    ['Moscow', 12.1],
    ['Sao Paulo', 11.8],
    ['Beijing', 11.7],
    ['Guangzhou', 11.1],
    ['Delhi', 11.1],
    ['Shenzhen', 10.5],
    ['Seoul', 10.4],
    ['Jakarta', 10.0],
    ['Kinshasa', 9.3],
    ['Tianjin', 9.3],
    ['Tokyo', 9.0],
    ['Cairo', 8.9],
    ['Dhaka', 8.9],
    ['Mexico City', 8.9],
    ['Lima', 8.9]
]
return render_template('page.html', mapping=mapping)

以及HTML：

...
series: [{
    name: 'Population',
    data: {{ mapping|safe }},
    dataLabels: {
        ...

---

将

mapping

定义为列表列表，然后使用

safe

过滤器将其传递给模板。

正确的结构？正确的结构是什么意思？我使用字典来查找键和值，{Jack'：4098}其中Jack是示例中类似Shanghai的标签。您的意思是不可能将我的字典强制转换到此JavaScript文件吗？但是您需要使用Structure{y:4098}而不是自定义字段名对不起，我不知道您所说的没有自定义字段名是什么意思？'Shanghai'、'lagos'和'Instanbul'也是自定义stings对吗？替换{Jack:4098}用{y'：4098}这不是我要找的。我不想在我的数据集上用“y”作为标签。我想在标签上用“Jack”。我的栏的高度应该是4098。如果我成功了{y'：4098}我不知道4098链接到了什么人。你在jinja2模板中使用了

映射到JSON安全

吗？谢谢，我错过了

安全

。我知道使用JSON发送数据比直接发送python数据结构更安全，以避免类似问题。此外，@Henkes和Celeo也做了上述操作答案是说不可能将dict as系列传递给Highcharts？我们必须始终将其作为列表发送？