面积图.
Area Chart
面积图又叫区域图。 它是在折线图的基础之上形成的, 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充，这样一个填充区域我们叫做面积，颜色的填充可以更好的突出趋势信息，需要注意的是颜色要带有一定的透明度，透明度可以很好的帮助使用者观察不同序列之间的重叠关系，没有透明度的面积会导致不同序列之间相互遮盖减少可以被观察到的信息。 和折线图一样，面积图也用于强调数量随时间而变化的程度，也可用于引起人们对总值趋势的注意。他们最常用于表现趋势和关系,而不是传达特定的值。
常见基础图形
组成成分
- 面积图要使用两条以上，频率相同的数据
- x轴必须按一个方向的顺序排列。
- y轴为数量，通过不同的点连接为折线后，再填充折线下方的区域。
01建议与注意
基础图形出现在现实世界和网络世界的各个角落： 1. 只需要很简单的数据，很容易获取。 2. 它们绘制简单，随便用手画都可以画的还不错。 3. 即便没有很高文化程度，也容易理解图形传达的信息。
02工具代码
- AnyChart
- amCharts
- D3
- Datamatic
- Google Charts
- JSCharting
- Vega
- Vizzlo
- OnlineChartTool.com
- Area with multiple series, GDP Growth Rate Comparison - FusionCharts
- Area Chart Gallery - AnyChart
- Excel绘制多种风格面积图 (Excel)
- Excel仿制带时间趋势线的双色填充面积图 (Excel)
- 用PowerBI制作面积图 (Power BI)
- 官方实例 (ECharts)
- 基础面积图 (AntV)
- 区间面积图 (AntV)
- 基础面积图 (D3)
- 案例及代码 (matplotlib)
- 基础代码 (gglpot2)
- 详细代码教程 (gglpot2)
- 通过Google Sheets、illustrator和Sketch设计面积图 (PS/AI/Sketch)
- 中文翻译版 (PS/AI/Sketch)
- 在线生成工具
- meta chart在线生成
03相关文章
- 面积图与折线图的区别。
- HIGHCHARTS. (n.d.). 包含负值的面积图.
- HIGHCHARTS. (n.d.). 分组堆叠柱状图.
- Ang, J. (2013). Tide Predictions.
- Baldi, I. (2018). Data Viz: Area Chart.
- The Economist. (2016). Romance of the three quarters.
- Wikipedia. (n.d.). William Playfair.
- Hart, M., olprod. (2018). 基本分区图.
- 张杰. (2016). Excel绘制多种风格“面积图”.
- AI报道. (2016). 图表案例——带时间趋势线的双色填充面积图.
- PowerBI星球. (2018). 用PowerBI制作面积图 | PowerBI星球.
- Tableau Help. (2018). Create an Area Chart.
- Echarts team. (n.d.). Basic area chart.
- AntV team. (n.d.). 基础面积图.
- AntV team. (n.d.). 区间面积图.
- Bostock, M. (n.d.). D3 Area Chart.
- The Python Graph Gallery. (n.d.). Area Plot.
- The R Graph Gallery. (n.d.). #164 AREA CHART | GGPLOT2.
- STHDA. (2015). ggplot2 area plot : Quick start guide - R software and data visualization.
- Kovacevich, N. (2015). Designing better charts with Google Sheets, Illustrator and Sketch.
- Elyn. (2016). 通过Google Sheets、Illustrator和Sketch设计更好的图表.
- 镝次元数据传媒实验室. (2017). “面积图”就是折线图吗？ | 镝数鲜声#14.
- AlexGZ. (2017). 图表案例——使用面积图模拟股票价格.