Django展示可视化图表的多种方式

2022-01-26 0 705
这篇文章主要介绍了Django展示可视化图表的多种方式,帮助大家更好的理解和学习使用django框架,感兴趣的朋友可以了解下

1. 前言

使用 Django 进行 Web 开发时,经常有需要展示图表的需求,以此来丰富网页的数据展示

常见方案包含:Highcharts、Matplotlib、Echarts、Pyecharts,其中后 2 种方案使用频率更高

本篇文章将聊聊 Django 结合 Echarts、Pyecharts 实现图表可视化的具体流程

2. Echarts

Echarts 是百度开源的一个非常优秀的可视化框架,它可以展示非常复杂的图表类型

以展示简单的柱状图为例,讲讲 Django 集成 Echarts 的流程

首先,在某个 App 的 views.py 编写视图函数

当请求方法为 POST 时,定义柱状图中的数据值,然后使用 JsonResponse 返回数据

1
from django.http import JsonResponse from django.shortcuts import render def index_view(request): if request.method == "POST": # 柱状图的数据 datas = [5, 20, 36, 10, 10, 20] # 返回数据 return JsonResponse({'bar_datas': datas}) else: return render(request, 'index.html', )

在模板文件中,导入 Echarts 的依赖

PS:可以使用本地 JS 文件或 CDN 加速服务

1
{#导入js和echarts依赖#} <p></p> <p>更多复杂的图表展示可以参考官方</p> <p>https://echarts.apache.org/examples/zh/index.html</p> <h2>3. Pyecharts<br> </h2> <p>Pyecharts 是一款使用 Python 对 Echarts 进行再次封装后的开源框架</p> <p>相比 Echarts,Django 集成 Pyecharts 更快捷、方便</p> <p>Django 集成 Pyecharts 只需要 4 步</p> <h3>3-1  安装依赖</h3> <div class="jb51code"> <pre class="brush:py;"> # 安装依赖 pip(3) install pyecharts</pre> </div> <h3>3-2  拷贝 pyecharts 的模板文件到项目下</h3> <p>将虚拟环境中 pyecharts 的模板文件拷贝到项目的模板文件夹下</p> <p>比如本机路径如下:</p> <p>/Users/xingag/Envs/xh_log/lib/python3.7/site-packages/pyecharts/render/templates/</p> <p><img src="https://img.php1.cn/3cd4a/3e52/b64/3a04a76a5d13c587.png&#63;202138142519" alt=""></p> <h3>3-3  编写视图函数,渲染图表</h3> <p>在视图文件中,使用 pyecharts 库内置的类 Bar 创建一个柱状图</p> <div class="jb51code"> <pre class="brush:py;"> # Create your views here. from django.http import HttpResponse from jinja2 import Environment, FileSystemLoader from pyecharts.globals import CurrentConfig CurrentConfig.GLOBAL_ENV = Environment(loader=FileSystemLoader("./index/templates")) from pyecharts import options as opts from pyecharts.charts import Bar # http://127.0.0.1:8000/demo/ def index(request): c = ( Bar() .add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]) .add_yaxis("商家A", [5, 20, 36, 10, 75, 90]) .add_yaxis("商家B", [15, 25, 16, 55, 48, 8]) .set_global_opts(title_opts=opts.TitleOpts(title="Bar-基本示例", subtitle="我是副标题")) ) return HttpResponse(c.render_embed())</pre> </div> <h3>3-4  运行项目</h3> <p>运行项目,生成的柱状图如下:</p> <p><img src="https://img.php1.cn/3cd4a/3e52/b64/15b8421eb6d10082.png&#63;202138142614" alt=""></p> <p>这只是最简单的使用实例,更多复杂的图表及前后端分离、更新的例子</p> <p>可以参考官网:</p> <p>https://pyecharts.org/#/zh-cn/web_django&#63;id=django-前后端分离</p> <h2>4. 最后<br> </h2> <p>文中介绍了 Django 快速集成 Echarts 和 Pyecharts 的基本步骤</p> <p>实际项目中,一些复杂的图表、前后端分离数据更新可以参考官网去拓展</p> <p>源码https://github.com/xingag/python_web</p> <p>以上就是Django展示可视化图表的多种方式的详细内容,更多关于Django 可视化图表的资料请关注其它相关文章!</p> 内容推荐:<a href="https://www.pngbox.cn" target="_blank" title="免费高清PNG素材下载">免费高清PNG素材下载</a>

 

文章来源于网络,如有侵权请联系本站管理人员处理

收藏 (0) 打赏

感谢您的支持,我们会继续努力的!

打开支付宝/微信/QQ扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有教学内容和资源均来源于本站原创和网络收集以及用户自主上传,如有侵权请带证联系本站客服进行处理!邮箱:team@lcwl.fun
2. 对于非本站原创的资源不保证所提供下载资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系本站客服处理,有奖励!
3. 除本站原创教学或资源外其余资源您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 本站原创资源如需商用还请申请商业授权,否则本站有权追究其法律责任!
5. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有学币奖励额外收入!

凌晨资源网 互联网技术 Django展示可视化图表的多种方式 https://www.lingchenw.cn/jishu/1290.html

常见问题
  • 本站所有付费教程均可单独付费或者开会员学习,自己购买或者开了会员就可以学习,来凌晨学院报名学习送会员,并且有讲师一对一辅导培训教学,师生互动化,定期布置作业等
查看详情
  • 本站所有资源版权均属于原作者所有,资源中标注可商用的可以商用的代表是本团队自主研发公布可商用的产品,未标注可商用所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

学习手机编程软件开发
手机编程软件开发

你知道吗?用手机也能开发制作软件,满足自己的编程心,做属于自己的软件

报名学习
自媒体短视频
副业做自媒体短视频

想做自媒体短视频剪辑给自己多一份副业,只需一部手机你也可以

报名学习
搭建网站必备云互联主机
链未云互联

搭建网站,后台云服务等必备云服务器互联主机,IDC云主机

现在使用
Fa快捷助手
用手点一点就能开发做软件

不用记编程语法,不用一行一行手敲代码,用手点一点就能开发制作软件

点击下载