使用 django 在 HTML 中显示 mpld3 图表

Question

我正在使用 mpld3 通过 django 在 HTML 页面内显示 matplotlib 图表。我使用 mpld3.fig_to_dict 方法从 matplotlib 图生成字符串并将其保存在 JSON 变量中。

我不知道如何在 HTML 中调用 JSON 变量

<div id="fig01"></div>

<script type="text/javascript">
var json01 = { <snip JSON code> };
mpld3.draw_figure("fig01", json01);
</script>

在views.py中创建的json变量：

json01 = json.dumps(mpld3.fig_to_dict(fig))
return render_to_response('plot/main.html', json01)

此代码返回一个空白 HTML 页面。我也尝试像这样调用 JSON 变量，但它也不起作用

var json01 = "{{json01}}";

我认为问题出在 javascript 变量上，因为当我在 javascript 中设置图表点时，一切正常

Answer 1

答案是......在views.py中：

js_data = json.dumps(mpld3.fig_to_dict(fig))
return render_to_response('plot.html', {"my_data": js_data})

并在模板中：

graph = {{ my_data|safe }};

mpld3.draw_figure("fig01", graph);