【高级课程笔记】—— Echarts常用图表

一、折线图 line

折线图主要用来展示数据相随着时间推移的变化。

折线图非常适合用于展示一个连续的二维数据,如某网站访问人数或商品销量价格的波动。

【高级课程笔记】—— Echarts常用图表_第1张图片




    
    折线
    



 【高级课程笔记】—— Echarts常用图表_第2张图片

二、饼图 pie

饼图主要用于展现不同类别数值相对于总数的占比情况。

图中扇形的弧长表示该类别的占比大小,所有扇形的弧长的总和为100%。

【高级课程笔记】—— Echarts常用图表_第3张图片

当各类别数据占比较接近时,建议选用柱状图或南丁格尔玫瑰图

【高级课程笔记】—— Echarts常用图表_第4张图片




    
    饼图
    



【高级课程笔记】—— Echarts常用图表_第5张图片

三、散点图 scatter

散点图通常用来识别两个变量之间的相关性或用来观察他们的关系,从而发现某种趋势,对于查找异常值或理解数据分布也很有效。如下图某个班级学生身高和体重的分布状况。

【高级课程笔记】—— Echarts常用图表_第6张图片

气泡图:散点图可以将一个对象的两个变量映射到x、y 位置上。如果此对象还有一个变量,那就可以映射到散点的大小上,这就变成了气泡图。




    
    散点图
    



【高级课程笔记】—— Echarts常用图表_第7张图片

四、K 线 candlestick

K 线通常用于表示股票走势

【高级课程笔记】—— Echarts常用图表_第8张图片
【高级课程笔记】—— Echarts常用图表_第9张图片




    
    K线图
    



【高级课程笔记】—— Echarts常用图表_第10张图片

五、雷达 radar

雷达图的每个变量都有一个从中心向外发射的轴线,所有的轴之间的夹角相等,同时每个轴有相同的刻度。 雷达图表适合对比变量在数据集内的高低,比如产品性能、排名、评估等。

【高级课程笔记】—— Echarts常用图表_第11张图片




    
    雷达
    



【高级课程笔记】—— Echarts常用图表_第12张图片

六、仪表盘 gauge

仪表盘适合表示量的变化,如速度、体积、温度、进度、完成率、满意度等。

【高级课程笔记】—— Echarts常用图表_第13张图片




    
    仪表盘
    



【高级课程笔记】—— Echarts常用图表_第14张图片

七、地图 map

地图主要用于地理区域数据的可视化。

【高级课程笔记】—— Echarts常用图表_第15张图片
【高级课程笔记】—— Echarts常用图表_第16张图片

地理坐标系组件 geo

geo 是地理坐标系组件,它也可以画地图。

geo 和map 的区别在于,geo支持在地理坐标系上绘制散点图,线集。

【高级课程笔记】—— Echarts常用图表_第17张图片

 八、案例——疫情折现图




    
    西虹市 新增确诊/治愈 趋势
    



【高级课程笔记】—— Echarts常用图表_第18张图片


注:课程来自开课吧

你可能感兴趣的:(数据可视化,可视化,html5,js,tooltip)