> For the complete documentation index, see [llms.txt](https://reee-visual.gitbook.io/ray-design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reee-visual.gitbook.io/ray-design/master.md).

# 概述

统计图表是最早的数据可视化表现形式之一，作为基本的可视化元素，至今仍然被非常广泛的使用。对于很多复杂的大型可视化系统来说，统计图表更是作为基本组成元素不可缺少的。

### 一、为什么做统计图表库？

作为数据可视化最基本的元素之一，系统的了解各类型图表是非常有必要的。只有深入了解了各类型图表，才能更好的用对用活各类型图表。 

在信息化的时代，各类型的图表介绍触手可及，但这些知识是相对零散的。为此本站对各类型图表进行系统的介绍，以帮助各位小伙伴对数据可视化统计图表有更为清晰的认识。

### 二、图表介绍包含那些内容？

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2Ff1uVAVqTFYTl03xxHACF%2F222.png?alt=media\&token=3e7bbcb4-8216-481c-90e1-da25d6a03067)

### 三、图表的特性

当拿到一组数据，如何正确的选用统计图表，就要了解各类型统计图表的特性。 

首先要清楚自己想要利用这组数据得到什么？然后根据数据的5种相关关系「比较、趋势、构成、分布及联系」来选用合适的图表类型。

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FFVNscQUZOHDYhYNyZNWP%2F%E8%A1%A8%E6%A0%BC.png?alt=media\&token=e6c8812f-670f-45ec-96cc-74f9e2c3b375)

#### 3.1 比较

<div align="center"><img src="https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FhrOakjpZP5VUk3yT2Rua%2Fv_bar_%E5%9F%BA%E7%A1%80%E6%9F%B1%E7%8A%B6%E5%9B%BE.png?alt=media&amp;token=c5757a60-28f3-4952-82d6-3dbdab010ff9" alt=""> <img src="https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FUxUn3ZUhVQoc5yzRoNdh%2F%E5%9F%BA%E7%A1%80%E6%9D%A1%E5%BD%A2%E5%9B%BE.png?alt=media&amp;token=5b8d50c2-2997-46e1-9306-b9c860a01501" alt=""> <img src="https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2Fdg0aVuglSGxAja3Fxx8o%2Fjade_%E7%8E%89%E7%8E%A6%E5%9B%BE.png?alt=media&amp;token=040fde46-bcfd-43b3-83ab-7a06f084553c" alt=""> <img src="https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2Fps2pY0Ch7SNdsrHues2x%2Fh_stacked_%E5%A0%86%E5%8F%A0%E6%9D%A1%E5%BD%A2%E5%9B%BE.png?alt=media&amp;token=93e870b5-5abd-4ff1-aebc-4933ad5b7db1" alt=""> <img src="https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FRz7rXp2FzQSKUb2QujK0%2Fv_stacked_%E5%A0%86%E5%8F%A0%E6%9F%B1%E7%8A%B6%E5%9B%BE.png?alt=media&amp;token=3e2e98ac-a962-414e-b4c7-23a40a775b0a" alt=""> <img src="https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2F9IbwggJWUddrMhMpK3Gm%2Fpie_%E5%9F%BA%E7%A1%80%E9%A5%BC%E5%9B%BE.png?alt=media&amp;token=7a0aa666-5f45-49f2-8f15-2323642cf0b6" alt=""> <img src="https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2F6jgczv24aTh9oLLyVoXP%2Fradar_%E5%9F%BA%E7%A1%80%E9%9B%B7%E8%BE%BE%E5%9B%BE.png?alt=media&amp;token=77d51734-a447-4270-9c93-ad401fea0b15" alt=""> <img src="https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FvQAXUh5OEgGevQ9GK08U%2F%E8%AF%8D%E4%BA%91%E5%9B%BE.png?alt=media&amp;token=c52b5fb2-f3ce-4eb6-99b3-725fb61e6c1d" alt=""></div>

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2F83Plnb3NTevCTJ8VNg5X%2F%E5%9F%BA%E7%A1%80%E7%8E%AB%E7%91%B0%E5%9B%BE.png?alt=media\&token=7cdbe898-40d5-4308-9fd8-98d92613f829) ![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FeNYem0ruHCk0lFODnmLV%2F%E6%A1%91%E5%9F%BA%E5%9B%BE.png?alt=media\&token=a555f7dc-29e8-414c-9928-a772d2c96f09) ![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FX5wegzAQfwzQcvM5tOSC%2F%E7%9F%A9%E5%BD%A2%E6%A0%91%E5%9B%BE.png?alt=media\&token=5fdaf45a-56f5-41f1-981d-72d479d9d713) ![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FAgSC3wRwOxG6005CB6Om%2F%E6%B0%94%E6%B3%A1%E5%9B%BE.png?alt=media\&token=d7dee4e1-bd43-41cd-9954-80c87bb02276)

#### 3.2 趋势

![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2Fm5IH871UuRqH8UF7G33Q%2Fline_%E5%9F%BA%E7%A1%80%E6%9B%B2%E7%BA%BF%E5%9B%BE.png?alt=media\&token=67a1dd82-a655-4b59-8ec5-92ffcdb47dfd) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FosenzIFQLc9oIqSmeTsI%2Fline_%E5%9F%BA%E7%A1%80%E6%8A%98%E7%BA%BF%E5%9B%BE.png?alt=media\&token=e6052c3b-fb38-470b-8cf6-fdf38eaa7aa9) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FVOVSFv0fEaScWnEyyox2%2Fline_%E5%9F%BA%E7%A1%80%E9%9D%A2%E7%A7%AF%E5%9B%BE.png?alt=media\&token=9df26995-7e42-4519-80d6-2b912e3fa769) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FmfAwLWQWnXJw9iC69WS2%2Fv_stacked_%E5%A0%86%E5%8F%A0%E6%9F%B1%E7%8A%B6%E5%9B%BE.png?alt=media\&token=1cb3fd10-26ae-4ace-a52e-89ce4b4acdd2)

![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FwYD9hbWzaaxOs0JZ7ybN%2F%E6%95%A3%E7%82%B9%E5%9B%BE.png?alt=media\&token=40efa91e-ff24-46bb-9b3e-8b3106425346) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FZWTljyeLXY3WEMjgjKn5%2Ffunnel_%E6%BC%8F%E6%96%97%E5%9B%BE.png?alt=media\&token=0c2d9d6a-3de9-48bd-a779-a0e0878c6668) ![  ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FbnWsb4EEfMKNIdCWdQV9%2F%E6%B0%94%E6%B3%A1%E5%9B%BE.png?alt=media\&token=091ddc86-2dcb-41a1-a169-0a830f7653fa) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FXcIDMvc5n7SQnweqm3GV%2F%E6%A1%91%E5%9F%BA%E5%9B%BE.png?alt=media\&token=440cfcaa-566e-4e7a-aff5-845608f26b38)

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FDvEjmzqB8QesA1NbtK1X%2F%E9%98%B6%E6%A2%AF%E6%8A%98%E7%BA%BF%E5%9B%BE.png?alt=media\&token=9b0140f1-4bc0-4e47-b865-59b6e24387c5) ![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FmgAwiQdKhlUFgE488vvf%2F22.png?alt=media\&token=103f0cfd-8778-4fc7-abe5-12868aee8171)

#### 3.3 构成

![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FdOxiCqatDNauwWemsIjO%2Fv_stacked_%E7%99%BE%E5%88%86%E6%AF%94%E5%A0%86%E5%8F%A0%E6%9F%B1%E7%8A%B6%E5%9B%BE.png?alt=media\&token=1e3ef0f5-f7c0-4fba-b893-55c86a0613da) ![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2F6MOffdLRgTLXIdRXHqVW%2Fv_stacked_%E5%A0%86%E5%8F%A0%E6%9F%B1%E7%8A%B6%E5%9B%BE.png?alt=media\&token=32577dad-0799-4148-8497-5fdc5fb0cc76) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FnB2PclOd83R6lfIEHvMn%2Fpie_%E5%9F%BA%E7%A1%80%E9%A5%BC%E5%9B%BE.png?alt=media\&token=b95ed147-fa75-4dd5-9467-b84c9176d2f4) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FCd7wHCA3Sou2OMcGbqj8%2Fline_stacked_%E5%A0%86%E5%8F%A0%E9%9D%A2%E7%A7%AF%E5%9B%BE.png?alt=media\&token=0f845f55-09eb-4f6b-b0b4-7d648d8ff0f2)

![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FSXnmxACD4Ye6RMs8awIp%2Ffunnel_%E6%BC%8F%E6%96%97%E5%9B%BE.png?alt=media\&token=bce92804-df37-4cd7-8782-a4e72ef9c090) ![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2F4PluSHoUrFtRpkTAWTso%2Ffunnel_%E9%87%91%E5%AD%97%E5%A1%94%E5%9B%BE.png?alt=media\&token=7fa218d6-894d-4b0d-bbb4-6f533f79742c) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2Fz6UnBtRKZHjqBat6e5LA%2Fgauge_%E4%BB%AA%E8%A1%A8%E7%9B%98.png?alt=media\&token=8f4a56dc-f708-418d-99de-6d4bc8cfd8e7) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FhwMUWwANJTqQWvk9QdIH%2F%E7%9F%A9%E5%BD%A2%E6%A0%91%E5%9B%BE.png?alt=media\&token=a244f1d9-b7ca-43b5-bc3d-4996d2524af7)

![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FyqMQeWC16GYYHnHnuVWa%2F%E5%9F%BA%E7%A1%80%E7%8E%AB%E7%91%B0%E5%9B%BE.png?alt=media\&token=dc479a2d-e9e2-44b3-8ec6-9b9789b1487a) ![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FmgAwiQdKhlUFgE488vvf%2F22.png?alt=media\&token=103f0cfd-8778-4fc7-abe5-12868aee8171)

#### 3.4 分布

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2Fjj9d51xRQieJTuZfQ88V%2F%E5%9F%BA%E7%A1%80%E7%9B%92%E9%A1%BB%E5%9B%BE.png?alt=media\&token=43bc561d-2b0d-4703-9ef6-f1db5100e2c3) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FnY1Q8VVa9j0eB7KtdJcL%2F%E6%95%A3%E7%82%B9%E5%9B%BE.png?alt=media\&token=1f7d484a-4720-4e1c-9fb7-ddd0ac2f20fa) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2F5uoZHSMdtB6shjY16iPp%2F%E6%B0%94%E6%B3%A1%E5%9B%BE.png?alt=media\&token=e0beb824-d366-44be-a9c2-2c0be2f4569e) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FImDmZcYlKUrxSwqavjFA%2F%E5%9F%BA%E7%A1%80%E5%B9%B3%E8%A1%8C%E5%9D%90%E6%A0%87.png?alt=media\&token=50cc4f52-21ec-405d-8517-c4a42e680083)

#### 3.5 联系

![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FqDuUuXvXP3ypUv2N2CUW%2F%E6%B0%94%E6%B3%A1%E5%9B%BE.png?alt=media\&token=6813f8c4-0d74-4219-8b37-29528bab5bbe) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FcgafmkcRx0693InWdkLZ%2F%E5%9F%BA%E7%A1%80%E5%B9%B3%E8%A1%8C%E5%9D%90%E6%A0%87.png?alt=media\&token=f0874a9d-5fca-41ac-9d8d-5af96cdecd46) ![ ](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FnY1Q8VVa9j0eB7KtdJcL%2F%E6%95%A3%E7%82%B9%E5%9B%BE.png?alt=media\&token=1f7d484a-4720-4e1c-9fb7-ddd0ac2f20fa) ![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FmgAwiQdKhlUFgE488vvf%2F22.png?alt=media\&token=103f0cfd-8778-4fc7-abe5-12868aee8171)