js:

3.csv("csv/data1.csv",type,function(data){
????console.log(data)

????var?width?=?400;
????var?height?=?400;

????//查找到最外層容器id=container的div中加入svg標(biāo)簽，并定義上寬和高
????var?svg?=?d3.select("#container7").append("svg").attr("width",width).attr("height",height);

????var?g?=?svg.append("g")
????????.attr("transform","translate("+200+","+200+")");

????var?arc_generator?=?d3.svg.arc()
????????.innerRadius(100)
????????.outerRadius(200);
????????//?.startAngle(0)
????????//?.endAngle(120*Math.PI/180);

????var?angle_data?=?d3.layout.pie()
????????.value(function(d){return?d.population;});

????console.log(angle_data(data));

????var?color?=?d3.scale.category10();

????g.selectAll("path")
????????.data(angle_data(data))
????????.enter()
????????.append("path")
????????.attr("d",arc_generator).style("fill",function(d,i){return?color(i)});

????g.selectAll("text")
????????.data(angle_data(data))
????????.enter()
????????.append("text")
????????.text(function(d){return?d.data.education})
????????.attr("transform",function(d){return?"translate("+arc_generator.centroid(d)+")"})
????????.attr("text-anchor","middle")
????????.style("font-weight","bold");
});
function?type(d){
????d.population?=?+d.population;//這個(gè)樣式可以將字符轉(zhuǎn)成數(shù)值型
????return?d;
}