D3_book 11.1 pie

<!-- pie example -->
<!DOCTYPE html>
<meta charset="utf-8">
<style> </style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var dataset=[5,10,20,45,6,25];
var pie=d3.layout.pie(); //只是生成饼图数据的函数
var w=300,h=300;
var outerRadius=w/2;
var innerRadius=10;
var color=d3.scale.category10(); //生成颜色的快捷函数 var arc=d3.svg.arc()
.innerRadius(innerRadius)
.outerRadius(outerRadius)
;
var svg=d3.select('body')
.append('svg')
.attr({
'width':w
,'height':h
})
;
var arcs=svg.selectAll('g.arc')
.data(pie(dataset))
.enter()
.append('g')
.attr({
'class':'arc'
,'transform':'translate('+outerRadius+','+outerRadius+')'
})
;
arcs.append('path')
.attr({
'fill':function(d,i){
return color(i);
}
,'d':arc
})
;
arcs.append('text')
.attr({
'text-anchor':'middle'
,'transform':function(d){
return 'translate('+arc.centroid(d)+')';
}
})
.text(function(d){return d.value;})
;
</script>

D3_book 11.1 pie

问题:pie和chord的区别?

上一篇:JAVA 数组实例-求学生成绩的最大成绩,获取数组中的最大值、最小值


下一篇:mybatis常用语句