plOOtr › Ejemplo de Grafica de pastel

Gráfica de Pastel (pieRadius = 0.4)

var Site={
	// Define a dataset.
	dataset : {
		'myFirstDataset': 	[[0, 3], [1, 2], [2, 1.414], [3, 2.3]],
		'mySecondDataset': 	[[0, 1.4], [1, 2.67], [2, 1.34], [3, 1.2]],
		'myThirdDataset': 	[[0, 0.46], [1, 1.45], [2, 1.0], [3, 1.6]],
		'myFourthDataset': 	[[0, 0.3], [1, 0.83], [2, 0.7], [3, 0.2]]
	},
	
	// Define options.
	options : {
		// Define a padding for the canvas node
		padding: {left: 30, right: 0, top: 10, bottom: 30},
		
		// Background color to render.
		backgroundColor: '#f2f2f2',
		
		// Use the predefined blue colorscheme.
		colorScheme: 'blue',
		
		// Set the labels.
		xTicks: [
			{v:0, label:'January'}, 
			{v:1, label:'Februari'}, 
			{v:2, label:'March'},
			{v:3, label:'April'}
		]
	},
	graph:function(){
		
		// Instantiate a new PieCart.
		var pie = new Plotr.PieChart('pie1',Site.options);
		// Add a dataset to it.
		pie.addDataset(Site.dataset);
		// Render it.
		pie.render();
	}
};
window.addEvent('domready',Site.graph);

Gráfica de Pastel (pieRadius = 0.2)

// Change some attributes.
Object.extend(Site.options,{				
	// Use the predefined grey colorscheme.
	colorScheme: 'grey',
	
	pieRadius: '0.2',
	
	// Background color to render.
	backgroundColor: '#d8efb0'
});
			
// Instead of instantiating a new PieChart object,
// you also can use reset(), that resets the options and datasets.
pie.reset();		
pie.addDataset(Site.dataset);
// Render the PieChart.
pie.render('pie2', Site.options);