26、基于 C3 的纽约市温度折线图可视化教程

基于 C3 的纽约市温度折线图可视化教程

1. 选择合适的图表类型

在进行数据可视化时，首先要选择合适的图表类型。以下是常见图表类型及其适用场景的介绍：
| 图表类型 | 用途 | 示例 |
| — | — | — |
| 折线图 | 展示时间序列数据或连续数据集 | 纽约市年度温度 |
| 柱状图 | 对比不同组数据；分析数据分布（也称为直方图） | 纽约市月度温度；了解纽约市温度分布 |
| 堆叠柱状图 | 以时间序列形式对比各组数据与整体的关系（类似动态饼图） | 对比纽约市和洛杉矶的月度温度 |
| 饼图 | 对比某一时刻各组数据与整体的关系 | 对比 2016 年的月度温度 |
| 散点图 | 理解数据变量之间的关系和相关性 | 了解降雨量与雨伞销量的关系 |

我们选择从折线图开始，因为它是最常见的图表类型之一，并且在使用 C3 库时，如果不指定特定类型，默认就是折线图。

2. 搭建开发环境

2.1 安装 live-server

可以使用 live-server 作为 Web 服务器来运行示例代码。全局安装 live-server 的命令如下：

npm install -g live-server

2.2 运行示例代码

以运行 10.1 到 10.3 的代码为例，操作步骤如下：
1. 切换到相应目录：

cd Chapter-10/