[TOC]
---
# 1.2 Highcharts的图表类型
Highcharts 目前支持直线图、曲线图、曲线面积图、面积图、面积范围图、柱状图、条形图、饼图、散点图、气泡图、仪表图等丰富的图表类型。
## 【**直线图**】
——直线图是用直线将一系列的数据点连接的图表,直线图经常用来展现随着时间变化的数据。
![](https://box.kancloud.cn/e21e182dd55e152c0a3f5ee709f4744a_820x401.png)
## 【**曲线图**】
——曲线图是用曲线将一系列的数据点连接的图表。
![](https://box.kancloud.cn/346e6344b080bedcfe1c8794d7903313_818x404.png)
## 【**面积图及面积范围图**】
——面积图包括普通的面积图(area)及面积范围图(arearange),根据面积连接线的不同,又可以分为直线面积图(area、arearange)和曲线面积图(areaspline 及 areasplinerange)。
直线面积图:
![](https://box.kancloud.cn/88dbbd6c250f7aa177add213f4cd2aa9_822x389.png)
曲线面积图:
![](https://box.kancloud.cn/9c827919f63a90ee134780fbd8d84566_825x385.png)
面积范围图:
![](https://box.kancloud.cn/f31b1476e528db5a6e838ebf9e6b211d_830x412.png)
## 【**柱状图和条形图**】
——柱形图包括柱状图和条形图。
柱状图是用竖直的柱子来展现数据,一般用于展现横向的数据变化及对比。
![](https://box.kancloud.cn/f521cd8a549cc4e6927c188325dbd8ca_830x400.png)
条形图是用横向的柱子来展现数据,一般用于纵向的数据排名及对比。
![](https://box.kancloud.cn/c961b2a7ee8f048c9cf73ad2f473dd34_830x400.png)
## 【**饼图**】
——饼图以扇区的形式显示每一个数值相对于总数值的大小。
![](https://box.kancloud.cn/2c3c00a0c2d1361bc9f8ff68f8455de4_830x400.png)
## 【**范围图**】
——范围图包括面积范围图、曲线面积范围图及柱形范围图。
![](https://box.kancloud.cn/bc2eb721db7ecabec0daf5ae3511fe5e_830x400.png)
## 【**散点图**】
![](https://box.kancloud.cn/e0514c9dbd1b9d1bb356e32b30adb2a8_830x400.png)
## 【**气泡图**】
![](https://box.kancloud.cn/50300594a716c12b2a29e5d818cb7f65_830x400.png)
## 【**漏斗图**】
![](https://box.kancloud.cn/270796a55c744bf93afd772944d27346_616x400.png)
## 【**金字塔图**】
![](https://box.kancloud.cn/a241583970dda51f399471a1d490ccda_639x400.png)
## 【**极地图**】
![](https://box.kancloud.cn/c856a4aa9549b79e131288e9eccb0afc_447x407.png)
## 【**蜘蛛图**】
![](https://box.kancloud.cn/7059f226b1a5dac1a95fb20ddc548f85_539x358.png)
## 【**玫瑰图**】
![](https://box.kancloud.cn/62314c3421de36cce40be065f464dcc4_579x381.png)
## 【**瀑布图**】
![](https://box.kancloud.cn/e0be802ef3e3b0fe77f75c7704871f09_676x447.png)
## 【**误差线图**】
![](https://box.kancloud.cn/aa93e5f8602b980142ba9ec718cc9fc0_610x408.png)
## 【**箱线图**】
![](https://box.kancloud.cn/e258d139a14bf3f29679e29b33c59329_443x300.png)