盘点Django展示可视化图表多种方式(建议收藏)

盘点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),]
发现 , 首页展示了一个简单的柱状图
盘点Django展示可视化图表多种方式(建议收藏)
文章图片
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/
盘点Django展示可视化图表多种方式(建议收藏)
文章图片
3-3.编写视图函数 , 渲染图表
在视图文件中 , 使用pyecharts库内置的类Bar创建一个柱状图
3-4.运行项目
运行项目 , 生成的柱状图如下:
盘点Django展示可视化图表多种方式(建议收藏)
文章图片
4.最后
文中介绍了Django快速集成Echarts和Pyecharts的基本步骤返回搜狐 , 查看更多
盘点Django展示可视化图表多种方式(建议收藏)】责任编辑: