9、数据可视化：创建气泡图和饼图

数据可视化：创建气泡图和饼图

1. 引言

在之前的工作中，我们主要处理二维数据并构建了线性图表。现在，我们将利用创建非线性数据的能力来展示数据，本文将详细介绍如何创建气泡图和饼图。

2. 构建气泡图

2.1 准备工作

我们从画布设置开始项目，跳过 HTML 部分。构建气泡图主要有三个步骤：
- 创建数据源
- 创建背景
- 将图表数据信息添加到图表中

2.2 具体步骤

以下是创建气泡图的详细步骤：
1. 构建数据对象 ：创建一个包含学生英语、数学和编程成绩的数组对象。

var students2001 = [{name:"Ben",
  math:30,
  english:60,
  programing:30},
  {name:"Joe",
  math:40,
  english:60,
  programing:40},
  {name:"Danny",
  math:50,
  english:90,
  programing:50},
  {name:"Mary",
  math:60,
  english:60,
  programing:60},
  {name:"Jim",
  math:80,
  english:20,
  programing:80}];

2. 定义图表规则 ：与之前的图表不同，此图表有第三个参数用于