Gráfica de líneas (shouldFill = true)

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 LineCart.
	var line = new Plotr.LineChart('lines1',Site.options);
	// Add a dataset to it.
	line.addDataset(Site.dataset);
	// Render it.
	line.render();		
				
	// Instead of instantiating a new LineChart object,
	// you also can use reset(), that resets the options and datasets.
	line.reset();

	// Change some attributes.
	Object.extend(Site.options,{
		// Use the predefined red colorscheme.
		colorScheme: 'red',
		
		// Background color to render.
		backgroundColor: '#f2f2f2',
		
		shouldFill: false,
		
		// Set a custom colorScheme
		colorScheme: new Hash({
			'myFirstDataset': '#1c4a7e',
			'mySecondDataset': '#bb5b3d',
			'myThirdDataset': '#3a8133',
			'myFourthDataset': '#813379'
		}),
		
		// Set the labels.
		xTicks: [
			{v:0, label:'IE6'}, 
			{v:1, label:'IE7'}, 
			{v:2, label:'FF2'},
			{v:3, label:'Opera 9'}
		]
	});
	// Parse the table.
	line.addDataset(Site.dataset);
	// Render the BarChart.
	line.render('lines2', Site.options);
}
};
window.addEvent('domready',Site.graph);

Gráfica de líneas (shouldFill = false)

// Instead of instantiating a new LineChart object,
// you also can use reset(), that resets the options and datasets.
line.reset();

// Change some attributes.
Object.extend(Site.options,{
	// Use the predefined red colorscheme.
	colorScheme: 'red',
	
	// Background color to render.
	backgroundColor: '#f2f2f2',
	
	shouldFill: false,
	
	// Set a custom colorScheme
	colorScheme: new Hash({
		'myFirstDataset': '#1c4a7e',
		'mySecondDataset': '#bb5b3d',
		'myThirdDataset': '#3a8133',
		'myFourthDataset': '#813379'
	}),
	
	// Set the labels.
	xTicks: [
		{v:0, label:'IE6'}, 
		{v:1, label:'IE7'}, 
		{v:2, label:'FF2'},
		{v:3, label:'Opera 9'}
	]
});
// Parse the table.
line.addDataset(Site.dataset);
// Render the BarChart.
line.render('lines2', Site.options);