Pyecharts生成图表有几种方法,具体实现步骤是什么
Admin 2022-07-19 群英技术资讯 915 次浏览
今天就跟大家聊聊有关“Pyecharts生成图表有几种方法,具体实现步骤是什么”的内容,可能很多人都不太了解,为了让大家认识和更进一步的了解,小编给大家总结了以下内容,希望这篇“Pyecharts生成图表有几种方法,具体实现步骤是什么”文章能对大家有帮助。1 因为pyecharts是支持python的一种可视化,但是想要将其放入网页中,主要有两种方法
(1)在网页中假如iframe,将网页嵌在iframe中(该方法不具体描述)
(2)使用json传输到前端,对其进行展示
具体描述第2种方法如下:
假设用pyecharts画一张折线图
def line():
attr = ['教师', '教授', '副教授', '博导', '硕导', '国家级奖项', '省部级奖项', '院士', '荣誉学者', '专利']
v1 = [100, 20, 15, 50, 40, 200, 200, 4, 5, 100]
v2 = [150, 30, 40, 50, 30, 250, 200, 1, 2, 110]
line = Line(width=1834, height=400)
line.add('北京大学', attr, v1,
mark_point=['average', 'max', 'min'], # 标注点:平均值,最大值,最小值
mark_point_symbol='diamond', # 标注点:钻石形状
mark_point_textcolor='#40ff27') # 标注点:标注文本颜色
line.add('清华大学', attr, v2,
mark_point=['average', 'max', 'min'],
mark_point_symbol='arrow',
xaxis_name_size=20,
yaxis_name_size=20,
)
return line
具体的图标如图所示:

接下来,想要用其传到前端,进行显示,需要在Django的app的views.py中添加代码。
def university_picture(request):
template = loader.get_template('search/test.html')
l = line() #生成图像实例
context = dict(
myechart=l.render_embed(), #必须要有
host=REMOTE_HOST, #若前端加载了对应的echarts库,可以不需要这一句和下一句
script_list=l.get_js_dependencies(),#以上两句代码的目的是下载该图标对应的一些echarts库
)
return HttpResponse(template.render(context, request))
后端代码在这里就介绍完,底下需要介绍一下前端的代码。
前端第一步,加载头文件:
{% for jsfile_name in script_list %}
<script type="text/javascript" src="{{ host }}/{{ jsfile_name }}.js"></script>
{% endfor %}
第二步,将图标显示出来(注:以下代码的class以及id,可以根据自己的网页结构进行替换,不需要相同)
<div class="row placeholders" id="pic">
{{myechart|safe}}
</div>
Pyecharts的图表在Django中显示的功能模块,就介绍完了,下面展示一下,使用ajax+pyecharts+Django实现的异步刷新图表(注:不要太在意数据的真实性):

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要介绍了关于python中range()的参数问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
这篇文章主要介绍了如何利用Python实现植物大战僵尸游戏,文中有非常详细的代码示例,对正在学习python的小伙伴们有非常好的帮助,需要的朋友可以参考下
这篇文章主要介绍了python处理excel文件之xlsxwriter 模块,文章围绕主题展开详细的内容介绍,需要的小伙伴可以参考一下,希望对你的学习有所帮助
我们几乎可以在任何操作系统上通过命令行指令与操作系统进行交互,比如Linux平台下的shell。那么我们如何通过Python来完成这些命令行指令的执行呢?另外,我们应该知道的是命令行指令的执行通常有两个我们比较关注的结果:
这篇文章主要介绍了如何修改numpy array的数据类型,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008