散点图

散点图是用来判断变量是否有关联,xy轴数据为二维数组

xy轴的type都是value,并且可以避免从0开始,scale

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴


python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_02


避免从0开始

python 雷达图不同的轴 雷达图设置不同坐标轴_数据_03

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_04

气泡图

散点大小颜色不一样

python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_05


通过arg拿到数值做判断,

python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_06


就可以设置不同散点的大小

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_07


python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_08


通过设置itemStyle的color可以设置,并且其参数跟symbol的参数不太一样。

直角坐标系图表 常用配置

网格grid 坐标轴axis 区域缩放dataZoom

1 网格grid

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_09

python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_10


可以把grid当作一个画布,可以控制图表的大小啊,位置啊等等。

坐标轴axis

有xy轴,一个grid最多有两个x和y

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_11


python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_12


python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_13

区域缩放

python 雷达图不同的轴 雷达图设置不同坐标轴_数据_14

python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_15

还有滑块的dataZoom

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_16


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_17


python 雷达图不同的轴 雷达图设置不同坐标轴_数据_18

一般只有一个x轴,所以设置0就行

python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_19

饼图 分析占比情况

数据不是xy轴了,是一个个对象[{name: ‘淘宝’, value: 1199…}]这种

python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_20


python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_21

常见效果

1 数据显示

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_22


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_23


python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_24


可以加入换行符

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_25

圆环

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_26

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_27

南丁格尔图

python 雷达图不同的轴 雷达图设置不同坐标轴_数据_28

python 雷达图不同的轴 雷达图设置不同坐标轴_数据_29

选中效果

python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_30


python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_31


python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_32

地图

python 雷达图不同的轴 雷达图设置不同坐标轴_数据_33


python 雷达图不同的轴 雷达图设置不同坐标轴_数据_34


这里使用普通ajax

python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_35


python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_36


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_37

通用配置

python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_38


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_39

显示某个区域

步骤:

python 雷达图不同的轴 雷达图设置不同坐标轴_数据_40


python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_41


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_42

常见效果

不同地方不同颜色

python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_43


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_44


python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_45

地图与散点图结合

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_46


python 雷达图不同的轴 雷达图设置不同坐标轴_饼图_47


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_48


这样就完成了两种图标的关联。

雷达图

python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_49


python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_50


python 雷达图不同的轴 雷达图设置不同坐标轴_数据_51

常用配置

python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_52


python 雷达图不同的轴 雷达图设置不同坐标轴_数据_53

仪表盘

用于进度把握以及数据范围的检检测,如图

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_54


python 雷达图不同的轴 雷达图设置不同坐标轴_数据_55


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_56


python 雷达图不同的轴 雷达图设置不同坐标轴_常用配置_57

小结:

各个图表的英文单词: bar, line, scatter/effectScatter ,pie ,map, radar, gauge

python 雷达图不同的轴 雷达图设置不同坐标轴_python 雷达图不同的轴_58

使用场景

柱状图: 分类数据,大小值平均值
折线图: 数据变化趋势
散点图: 不同维度数据的相关性,结合地图使用
饼图: 数据占比情况
地图: 地理位置上的差异
雷达图: 多个维度与标准的对比
仪表盘: 数据进度