课程笔记
课程/Html5/前端开发
使用D3制作图表
介绍
章节
问答
笔记
尚尚_0002
2016-12-05
视频源码下载:http://download.csdn.net/detail/u010534192/9701849
0赞 · 0采集
sasa123
2016-04-26
d3笔记
截图
0赞 · 0采集
idmar
2015-09-17
d3.js
0赞 · 0采集
思思_0003
2015-09-10
//svg d3.csv("data.csv",type,function(data){ var width = 400; height = 400; var svg = d3.select("#contener") .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(200) .outerRadius(400); //.tartAngle(0) //.endAngle(120 * Math.PI/180); var angle_data = d3.layout.pie() .value(function(d){ return d.pop;}) 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.edu;}) .text(function(d){return "translate("+arc_generator.centroid(d)+")";}) }); function type(d){ d.pop = + d.pop; return d; }
0赞 · 1采集
周末_1991
2015-06-13
按比例生成饼状图方法
截图
0赞 · 0采集
周末_1991
2015-06-13
生成饼状图
截图
0赞 · 0采集
数据加载中...