盘点Django展示可视化图表多种方式(建议收藏)
文章图片
大家好 , 我是安果!
使用Django进行Web开发时 , 经常有需要展示图表的需求 , 以此来丰富网页的数据展示
常见方案包含:Highcharts、Matplotlib、Echarts、Pyecharts , 其中后2种方案使用频率更高
本篇文章将聊聊Django结合Echarts、Pyecharts实现图表可视化的具体流程
2.Echarts
以展示简单的柱状图为例 , 讲讲Django集成Echarts的流程
首先 , 在某个App的views.py编写视图函数
当请求方法为POST时 , 定义柱状图中的数据值 , 然后使用JsonResponse返回数据
在模板文件中 , 导入Echarts的依赖
PS:可以使用本地JS文件或CDN加速服务
{#导入js和echarts依赖#}
然后 , 重写window.函数 , 发送一个Ajax请求给后端 , 利用Echarts将返回结果展示到图表中去
最后 , 编写路由URL , 运行项目
fromdjango.contribimportadminfromdjango.urlsimportpath,includeurlpatterns=[path('',include('index.urls')),path('admin/',admin.site.urls),]
发现 , 首页展示了一个简单的柱状图
文章图片
3.Pyecharts
Pyecharts是一款使用Python对Echarts进行再次封装后的开源框架
相比Echarts , Django集成Pyecharts更快捷、方便
#安装依赖pip(3)installpyecharts
3-2.拷贝pyecharts的模板文件到项目下
将虚拟环境中pyecharts的模板文件拷贝到项目的模板文件夹下
比如本机路径如下:
/Users/xingag/Envs/xh_log/lib/python3.7/site-packages/pyecharts/render/templates/
文章图片
3-3.编写视图函数 , 渲染图表
在视图文件中 , 使用pyecharts库内置的类Bar创建一个柱状图
3-4.运行项目
运行项目 , 生成的柱状图如下:
文章图片
4.最后
文中介绍了Django快速集成Echarts和Pyecharts的基本步骤返回搜狐 , 查看更多
【盘点Django展示可视化图表多种方式(建议收藏)】责任编辑:
- 华为|盘点统治世界的中国品牌,其中一个打破美国禁令,不是华为和海尔
- 盘点统治世界的中国品牌,其中一个打破美国禁令,不是华为和海尔
- 魅族|真我挑战白色手机质感巅峰?魅族、华为表示不服,经典机型盘点!
- 乐视|盘点这些年消失的手机品牌,乐视最可惜,诺基亚咎由自取
- 亚马逊|轻松用三年,天玑8100和骁龙870才是闭眼买系列,四款神机盘点
- 华为|盘点现在主流手机传感器尺寸,大家看看自己手上的在哪一档?
- 盘点现在主流手机传感器尺寸,大家看看自己手上的在哪一档?
- 小屏|四款“香饽饽”小屏机盘点,最后一款尺寸仅3.0英寸,好评率达99%
- 微信等大平台强制展示IP属地 会泄露个人信息吗?专家解答
- 微信|微信等大平台强制展示IP属地 会泄露个人信息吗?专家解答