Chart.js 系列课程

第 7 课:散点图与气泡图

学习如何用 x/y 坐标表示二维关系,以及如何用 r 表示第三维大小。

本课你会学到什么

图表示例

散点图

每个点都有一个 x 和 y 坐标。

气泡图

每个点除了 x 和 y,还多了一个 r 表示大小。

如何自定义成你自己的图表

课后练习建议

  1. 把散点图改成“学习时长与考试分数”的关系。
  2. 把气泡图改成“产品价格、销量、利润”的三维关系。
  3. 手动增加 3 个点,观察整体分布是否更集中。

课程导航