dvd3js:creating_a_pie_layout
Creating a pie layout
→ github.com/mbostock/d3/wiki/Layouts
→ github.com/mbostock/d3/wiki/Ordinal-Scales#categorical-colors
var width = 400;
var height = 400;
var radius = 200;
var colors = d3.scale.category20c();
var piedata = [
{
label: 'Maurice',
value: 1,
},
{
label: 'Mireille',
value: 50,
},
{
label: 'Bob',
value: 49,
},
];
var pie = d3.layout.pie()
.value(function (d) {
return d.value;
});
var arc = d3.svg.arc()
.outerRadius(radius);
var myChart = d3.select('#chart').append('svg')
.attr('width', width)
.attr('height', height)
.append('g')
.attr('transform', 'translate(' + (width - radius) + ', ' + (height - radius) + ')')
.selectAll('path').data(pie(piedata))
.enter().append('path')
.attr('fill', function (d, i) {
return colors(i);
})
.attr('d', arc);
dvd3js/creating_a_pie_layout.txt · Last modified: 2016/04/14 20:03 by leo