【 D3.js 进阶系列 — 6.2 】 饼状图的拖拽

本文讲解稍微复杂一些的拖拽应用，即拖拽饼图的各部分。

在【入门 - 第 9.1 章】讲解了如何制作饼状图。饼状图的各部分是用具有宽度的弧线来表示的。在与用户进行交互的时候，如果每一部分都能拖拽，是很有趣的。

1.饼状图的绘制

与【入门 - 第 9.1 章】稍有有些不同，我们对饼状图的每一个区域都使用一个 g 标签将其包围起来，以便平移操作。

		var gAll = svg.append("g")
					  .attr("transform","translate("+outerRadius+","+outerRadius+")");
					  
		var arcs = gAll.selectAll(".arcs_g")
					  .data(pie(dataset))
					  .en