我正在尝试使用 Django 和 MPLD3/Matplotlib 将 mpld3 图表放入我的 web 应用程序中。如上所述here获取用 python 编写的图形的 HTML 代码应该很简单。
Views.py
def figure(request):
np.random.seed(9615)
N = 100
df = pd.DataFrame((.1 * (np.random.random((N, 5)) - .5)).cumsum(0),
columns=['a', 'b', 'c', 'd', 'e'], )
# plot line + confidence interval
fig, ax = plt.subplots()
ax.grid(True, alpha=0.3)
for key, val in df.iteritems():
l, = ax.plot(val.index, val.values, label=key)
ax.fill_between(val.index,
val.values * .5, val.values * 1.5,
color=l.get_color(), alpha=.4)
ax.set_xlabel('x')
ax.set_ylabel('y')
ax.set_title('Interactive legend', size=20)
html_fig = mpld3.fig_to_html(fig,template_type='general')
plt.close(fig)
return render(request, "dashboard.html", {'active_page' : 'dashboard.html', 'div_figure' : html_fig})
dashboard.html
<div id="fig_container">
{{ div_figure }}
</div>
据我所知,Python 代码被翻译成 JavaScript,并且应该在views.py 渲染dashboard.html 时执行,对吗?
结果,我得到了在仪表板.hmtl 上显示为文本的 HTML 代码。
问题:如何显示图表?我需要解析 html_to_fig 方法返回的 HTML 字符串吗?
最佳答案
在 html 中尝试一下
<div id="fig_container">
{{ div_figure|safe }}
</div>
关于javascript - Django 使用 mpld3 在 HTML 中渲染 Matplotlib 图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44924890/