个回答

• 晓琳GO

  2016-05-29 16:31:34

  js:

  3.csv("csv/data1.csv",type,function(data){
      console.log(data)
  
      var width = 400;
      var height = 400;
  
      //查找到最外层容器id=container的div中加入svg标签，并定义上宽和高
      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;//这个样式可以将字符转成数值型
      return d;
  }

  
  

  0