12、D3 形状生成器与图表创建指南

D3 形状生成器与图表创建指南

在数据可视化领域，D3 是一个强大的工具，它提供了多种形状生成器和图表创建方法。下面将详细介绍 D3 中常用的形状生成器和几种常见图表的创建。

1. 使用区域生成器

虽然使用 D3 线生成器可以生成任何形状的轮廓，但直接使用线来绘制区域（如区域图）并非易事。因此，D3 提供了专门用于绘制区域的区域生成器。

操作步骤

1. 准备工作 ：在浏览器中打开以下文件的本地副本：https://github.com/NickQiZhu/d3 - cookbook/blob/master/src/chapter7/area.html
2. 代码实现 ：以下是将填充区域添加到伪折线图以将其转换为区域图的代码：

<script type="text/javascript">
    var width = 500,
        height = 500,
        margin = 30,
        duration = 500,
        x = d3.scale.linear() // <-A
            .domain([0, 10])
            .range([margin, width - margin]),
        y = d3.scale.linear()
            .domain([0, 10])
            .range([