11、创意图表制作：漏斗图、交互式折线图与树状图

创意图表制作：漏斗图、交互式折线图与树状图

1. 漏斗图（金字塔图）

1.1 漏斗图简介

漏斗图（金字塔图）是一种用于可视化定量数据变化的图表，它展示了数据在不同层级之间的关系。随着时间或其他因素的变化，通过漏斗的数据量逐渐减少。这种图表非常适合用于比较教育水平、财务状况、政治参与度等方面的数据。

1.2 准备工作

首先，需要设置 HTML 文件逻辑。然后，在 JS 文件中进行以下操作：
1. 定义数据 ：创建表示不同层级数据的数组。

var layers = [{label:"Completed Chapter 1", amount:23},
  {label:"Completed Chapter 2", amount:15},
  {label:"Completed Chapter 3", amount:11},
  {label:"Completed Chapter 4", amount:7},
  {label:"Completed Chapter 5", amount:3} ];

2. 提供图表和样式信息 ：设置图表的高度、宽度以及一些样式参数。

var chartInfo= {height:200, width:200};
var s = { outlinePadding:4,
  barSize:1