flask + vue项目中，利用plotly生成的图怎样渲染到页面中？

Question

在flask中生成的plotly结果是一个html文件，现在我想要把这个图放到下图网页中的指定位置，应当怎么写呢？

这是我的图：

后台：

fig = dict(data = data,layout = layout)
picture =  po.plot(fig,filename = r'C:\Users\Administrator\Desktop\新建文件夹\前台\src\assets\img\pic.html',image='png')
return picture

然后return的值就是上面写的地址。。

球球大神指点一下！！C币好商量！！

Answer 1

使用前注册下 plotly

Vue.component('component-a', window["vue-plotly"])