Python爬虫和数据可视化——实战11-Echarts

定义

基础概念

实例

系列

在 echarts 里，系列（series）是指：一组数值以及他们映射成的图。一个 系列 包含的要素至少有：一组数值、图表类型（series.type）、以及其他的关于这些数据如何映射成图的参数。

echarts 里系列类型（series.type）就是图表类型。系列类型（series.type）至少有：line（折线图）、bar（柱状图）、pie（饼图）、scatter（散点图）、graph（关系图）、tree（树图）、…

如下图，右侧的 option 中声明了三个 系列（series）：pie（饼图系列）、line（折线图系列）、bar（柱状图系列），每个系列中有他所需要的数据（series.data）。

组件

echarts 中至少有这些组件：xAxis（直角坐标系 X 轴）、yAxis（直角坐标系 Y 轴）、grid（直角坐标系底板）、angleAxis（极坐标系角度轴）、radiusAxis（极坐标系半径轴）、polar（极坐标系底板）、geo（地理坐标系）、dataZoom（数据区缩放组件）、visualMap（视觉映射组件）、tooltip（提示框组件）、toolbox（工具栏组件）、

使用

获取文件，引入文件，绘制：

第一步：获取文件，放在指定的文件夹

第二，三步：引入文件，绘制放置区域
在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。
即指定我们要显示的位置

Echarts应用：

在我们要跳转的网页上进行修改

正常显示了：

在此基础上进行修改：
去Echarts官网上找到自己喜欢的样式，在网站上进行修改好，然后复制粘贴在pycharm直接用即可。网站上修改可以做到实时修改实时观看。

链接我们的数据库

把显示的数据换成我们数据库里面的豆瓣信息：

把源代码中的data信息进行修改：
如8.2分的电影有多少部，8.3分的电影有多少部。。。。。。

查询score分数,count(score)每一个分数有多少个，
count()函数为统计函数
group by score 按照评分来分组

测试sql语句

这里可以检验一下你的sql语句有没有错误：
ctrl+B

打开以后默认是建表语句

全部删掉，直接执行你的sql语句

说明我们的sql语句没有错误。
此时的score为我们上面的x轴，count(score)为柱形图中我们想显示的高度

在score.html网页中引入变量

显示字符串

如果我们想要x轴显示字符串格式的话

在查询数据库数据的时候进行改格式

在html网页进行一个tojson转换，json就是一个字符串的格式

结果：

此时data里面的数据变成了字符串格式的