flask动态传参与echarts可视化

flask动态传参与echarts可视化,第1张

首先我们在数据处理中面对数据可能不知道如何进行可视化 *** 作,下面我来讲一下简单的echarts与flask的联用。

首先配上我运行图

  1. 不多说了来干flask 首先在pycharm 下载flask模块
  2. 然后创建这样的目录

3.创建bbb.html,然后看我的html的位置是放在templats中的   (你也用你的方式,这里只是举个例子)

4.创建一个py文件

5.先进行测试

代码如下看是否flask 能打开 访问5000端口

 

正常的运行应该是

 这样的点击可以跳转到 上面的bbb.html 这就可以了

进入echarts官网 下载他的 echarts.min.js 文件 

   复制他的那个示例代码放进自己的bbb.html像这样

 

bbb.html页面是这样的  观察一下echarts官网中的 option 下的代码与我的图片中的代码




    
    Title


    


    


 再有一个我这个是做的动态传参数显示的 所以    我先写了个爬虫    取出 name 与value

 然后就开始动态传入bbb.html(aq就是上图的那个列表数据)

这里一定要注意一下 value和name 必须与echarts上的 名称一样 也即是这个

 

 

 最后运行

截图

 最后需要源码的

我后期会放到github上

本人小白勿喷

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/921655.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-16
下一篇 2022-05-16

发表评论

登录后才能评论

评论列表(0条)

保存