Pyecharts生成图表有几种方法,具体实现步骤是什么
Admin 2022-07-19 群英技术资讯 384 次浏览
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写一个简单上课点名系统,文章围绕Python得性概念资料写一个简的得上课点名系统,并附上详细的代码即过程总结,需要的朋友可以参考一下,希望对你有所帮助
这篇文章主要介绍了Python的3种运行方式:命令行窗口、Python解释器、IDLE的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
使用replace做多字符替换批量替换字符串内容问题描述解决方案内置方法使用replace做多字符替换 import re words = ''' 钟声响起归家的讯号 在他生命里 仿佛带
本文主要介绍了python [::-1] [::-1,::-1]的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
这篇文章主要为大家详细介绍了如何利用Python语言实现双向RNN与堆叠的双向RNN,文中详细讲解了双向RNN与堆叠的双向RNN的原理及实现,需要的可以参考一下
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008