Echarts
- 定义
- 基础概念
- 实例
- 系列
- 组件
- 使用
- Echarts应用：
- 链接我们的数据库
- 测试sql语句
- 显示字符串
定义
基础概念
实例
系列
在 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里面的数据变成了字符串格式的
