Rickshaw

Code

var seriesData = [ [], [], [] ],
	random = new Rickshaw.Fixtures.RandomData(75);

for (var i = 0; i < 75; i++) {
	random.addData(seriesData);
}

var graph = new Rickshaw.Graph( {
	element: document.getElementById("example"),
	width: width,
	height: height,
	renderer: 'line',
	series: [
	{
		color: "#c05020",
		data: seriesData[0],
		name: 'New York'
	}, {
		color: "#30c020",
		data: seriesData[1],
		name: 'London'
	}, {
		color: "#6060c0",
		data: seriesData[2],
		name: 'Tokyo'
	}
	]
} );

graph.render();

var hoverDetail = new Rickshaw.Graph.HoverDetail( {
	graph: graph
} );

var legend = new Rickshaw.Graph.Legend( {
	graph: graph,
	element: document.getElementById('legend')
} );

var shelving = new Rickshaw.Graph.Behavior.Series.Toggle( {
	graph: graph,
	legend: legend
} );

var axes = new Rickshaw.Graph.Axis.Time( {
	graph: graph
} );
axes.render();