首页 / 更多教程 / django中无法显示pyechart组件（tab/page等）的低级解决方法

django中无法显示pyechart组件（tab/page等）的低级解决方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了django中无法显示pyechart组件（tab/page等）的低级解决方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1327字，纯文字阅读大概需要2分钟。

内容图文

非常奇怪的问题，render成单独的html文件可以正常显示，插入到django项目中却不行，于是捣鼓出了一个解决办法，没有找到原因，猜测是jscode的相关问题。

view.py相关代码

...
chart = (Bar()
        .add_xaxis(sub_er)
        .add_yaxis("", submit_day,color='purple')
        .set_global_opts(title_opts=opts.TitleOpts(title="提交时间"))
tab=Tab()
tab.add(chart=chart,tab_name='chart1')
tab.render_embed()
return render(request, 'data_chart.html', locals())

data.html

        <body>
                            {{ tab|safe  }}
         <body>

没有报错但是页面为空白，同时使用tab.render（）查看渲染的出单独html显示正常，于是将相关的html代码复制进template中的data_chart.html，发现有效，于是将渲染得到的html进行文本处理后safe过滤器显示到页面上。

本段脚本需要手动复制进data_chart.html的头部，其余复制body标签内的内容即可

<script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

需要的如下图django中无法显示pyechart组件（tab/page等）的低级解决方法 - 文章图片
改进后代码：

from bs4 import BeautifulSoup

tab=Tab()
tab.add(chart=chart,tab_name='chart1')
# tab.render_embed()
filepath=tab.render('tmp1.html') #html地址，可以设置到临时文件夹定期清理
with open(filepath,encoding='utf=8') as file:
    html=file.read()
    soup = BeautifulSoup(html,from_encoding='utf-8')
    body=str(soup.find('body'))
os.remove(filepath) #删除临时的html文件

ps：django+pyechart的快速入手
https://pyecharts.org/#/zh-cn/web_django?id=django-%e6%a8%a1%e6%9d%bf%e6%b8%b2%e6%9f%93

边用边学ing

内容总结

以上是互联网集市为您收集整理的django中无法显示pyechart组件（tab/page等）的低级解决方法全部内容，希望文章能够帮你解决django中无法显示pyechart组件（tab/page等）的低级解决方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1020854.html

来源：【匿名】