多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
[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)