LPL比赛数据可视化，完成这个项目，用尽了我的所有Python知识

LPL比赛数据可视化

效果图

完成这个项目，我感觉我已经被掏空了，我几乎用尽了我会的所有知识
html+css+javascript+jQuery+python+requests+numpy+mysql+pymysql+json+ajax+flask+echarts
在这个过程中，并不是那么顺利，遇到了很多坑，好在全部都已经解决
在整个页面全部功能运行成功的那一刻，我感觉幸福极了

"""
当然在学习Python的道路上肯定会困难，没有好的学习资料，怎么去学习呢？ 
学习Python中有不明白推荐加入交流Q群号：928946953 
群里有志同道合的小伙伴，互帮互助， 群里有不错的视频学习教程和PDF！
还有大牛解答！
"""

下面我就带领大家实践一下，怎么从无到有

如果觉得涉及的知识太多,实践起来困难的同学.不要怕,我专门做了一期视频一分钟上手此项目点我观看视频

 

需要用到的Python第三方库:flask,requests,pymysql,numpy

听说看着源码读文章绝配哦Github

点我直达可视化页面

绘制前端页面

整个页面可划分为10个盒子，使用HTML和CSS就可以把最基础的框架搭建出来，大家都是pink老师的学生，怎么在页面中写盒子我就不多说了，我主要讲解一下如何将echarts的图表插入到页面中来

图1

什么是Echarts

Echarts官方网站
ECharts 是一个使用 JavaScript 实现的开源可视化库，涵盖各行业图表，满足各种需求

ECharts 遵循 Apache-2.0 开源协议，免费商用

ECharts 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）及兼容多种设备，可随时随地任性展示

第一个 ECharts 实例

第一个 ECharts 实例源码

!!!!!!

使用Echarts的前提是你需要掌握HTML和Javascript的知识，毕竟Echarts是基于JS开发
观察源码不难发现，引入了外部文件[echarts.js] 如果不引入，程序将无法正常运行
基于准备好的div，绑定事件，初始化echarts实例
指定图表的配置项和数据，即可显示图表
大致流程：引入所需文件，在HTML定义好div盒子，在JS中绑定事件，初始化echarts实例，指定图表的配置项和数据

项目中的Echarts

1.引入所需文件

图2

说明：上面第一个实例将echarts的代码写在了HTML文件中，而我为了后期维护起来方便，就分开写了，所以需要引入[js.js]文件，也就是我把关于echarts的代码都写在了[js.js]文件中

2.在HTML定义好div盒子

图3

3.在JS中绑定事件，初始化echarts实例

图4

4.指定图表的配置项和数据

代码过多，请到源码中查看

Echarts部分小总结

Echarts部分不是很难，直接到Echarts官网实例中找你想要的图表，然后复制代码，修改图表的配置和数据即可。我知道你肯定要问“代码中的一些属性我根本就不知道怎么去使用，怎么办嘛” 不要方，请到Echarts官网文档查看

项目中一共用了5种Echarts图表，使用的方法大同小异，我相信你可以举一反三

前端的页面绘制完毕后，你会发现一个问题。数据都写死的，而比赛数据几乎每天都在更新。每天去源码中修改对应的数据部分，过不了几天我想你肯定会厌倦。解决的方法肯定是有的，不光只是爬虫，还要向Echarts中插入数据（肯定不是手动插，而是机器插）。欲知后事如何，请往下看

爬取比赛数据

在讲解爬取数据之前，我还是想简单介绍一下什么是爬虫，回答大家对于爬虫的一些误解；假定大家都有一定的爬虫基础

什么是爬虫，爬虫违法吗࿱