gistfile1.js

var palette = new Rickshaw.Color.Palette();

var graph = new Rickshaw.Graph( {
	element: document.querySelector("#chart"),
	width: 550,
	height: 250,
	series: [
			{
				name: "dubstep",
				data: [ { x: 1990, y: 0 }, { x: 1991, y: 0 }, { x: 1992, y: 0 }, { x: 1993, y: 0 }, { x: 1994, y: 0 }, { x: 1995, y: 0 }, { x: 1996, y: 0 }, { x: 1997, y: 0 }, { x: 1998, y: 0 }, { x: 1999, y: 0 }, { x: 2000, y: 1 }, { x: 2001, y: 1 }, { x: 2002, y: 0 }, { x: 2003, y: 1 }, { x: 2004, y: 2 }, { x: 2005, y: 6 }, { x: 2006, y: 21 }, { x: 2007, y: 26 }, { x: 2008, y: 41 }, { x: 2009, y: 48 }, { x: 2010, y: 36 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "funk",
				data: [ { x: 1990, y: 4 }, { x: 1991, y: 2 }, { x: 1992, y: 1 }, { x: 1993, y: 3 }, { x: 1994, y: 9 }, { x: 1995, y: 1 }, { x: 1996, y: 4 }, { x: 1997, y: 5 }, { x: 1998, y: 1 }, { x: 1999, y: 1 }, { x: 2000, y: 5 }, { x: 2001, y: 19 }, { x: 2002, y: 9 }, { x: 2003, y: 3 }, { x: 2004, y: 13 }, { x: 2005, y: 10 }, { x: 2006, y: 11 }, { x: 2007, y: 9 }, { x: 2008, y: 14 }, { x: 2009, y: 19 }, { x: 2010, y: 17 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "hip hop",
				data: [ { x: 1990, y: 22 }, { x: 1991, y: 16 }, { x: 1992, y: 58 }, { x: 1993, y: 36 }, { x: 1994, y: 71 }, { x: 1995, y: 70 }, { x: 1996, y: 84 }, { x: 1997, y: 76 }, { x: 1998, y: 131 }, { x: 1999, y: 129 }, { x: 2000, y: 127 }, { x: 2001, y: 151 }, { x: 2002, y: 140 }, { x: 2003, y: 188 }, { x: 2004, y: 260 }, { x: 2005, y: 241 }, { x: 2006, y: 239 }, { x: 2007, y: 296 }, { x: 2008, y: 307 }, { x: 2009, y: 330 }, { x: 2010, y: 99 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "indie",
				data: [ { x: 1990, y: 0 }, { x: 1991, y: 0 }, { x: 1992, y: 0 }, { x: 1993, y: 0 }, { x: 1994, y: 0 }, { x: 1995, y: 1 }, { x: 1996, y: 0 }, { x: 1997, y: 0 }, { x: 1998, y: 2 }, { x: 1999, y: 0 }, { x: 2000, y: 7 }, { x: 2001, y: 5 }, { x: 2002, y: 8 }, { x: 2003, y: 6 }, { x: 2004, y: 11 }, { x: 2005, y: 23 }, { x: 2006, y: 21 }, { x: 2007, y: 21 }, { x: 2008, y: 38 }, { x: 2009, y: 32 }, { x: 2010, y: 26 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "jazz",
				data: [ { x: 1990, y: 7 }, { x: 1991, y: 5 }, { x: 1992, y: 1 }, { x: 1993, y: 1 }, { x: 1994, y: 4 }, { x: 1995, y: 7 }, { x: 1996, y: 4 }, { x: 1997, y: 11 }, { x: 1998, y: 6 }, { x: 1999, y: 6 }, { x: 2000, y: 2 }, { x: 2001, y: 4 }, { x: 2002, y: 7 }, { x: 2003, y: 17 }, { x: 2004, y: 18 }, { x: 2005, y: 8 }, { x: 2006, y: 11 }, { x: 2007, y: 34 }, { x: 2008, y: 13 }, { x: 2009, y: 20 }, { x: 2010, y: 12 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "metal",
				data: [ { x: 1990, y: 0 }, { x: 1991, y: 0 }, { x: 1992, y: 0 }, { x: 1993, y: 0 }, { x: 1994, y: 0 }, { x: 1995, y: 0 }, { x: 1996, y: 0 }, { x: 1997, y: 4 }, { x: 1998, y: 0 }, { x: 1999, y: 2 }, { x: 2000, y: 3 }, { x: 2001, y: 0 }, { x: 2002, y: 0 }, { x: 2003, y: 3 }, { x: 2004, y: 0 }, { x: 2005, y: 4 }, { x: 2006, y: 0 }, { x: 2007, y: 0 }, { x: 2008, y: 0 }, { x: 2009, y: 0 }, { x: 2010, y: 0 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "pop",
				data: [ { x: 1990, y: 3 }, { x: 1991, y: 1 }, { x: 1992, y: 0 }, { x: 1993, y: 0 }, { x: 1994, y: 0 }, { x: 1995, y: 0 }, { x: 1996, y: 1 }, { x: 1997, y: 4 }, { x: 1998, y: 1 }, { x: 1999, y: 0 }, { x: 2000, y: 14 }, { x: 2001, y: 8 }, { x: 2002, y: 29 }, { x: 2003, y: 19 }, { x: 2004, y: 12 }, { x: 2005, y: 29 }, { x: 2006, y: 41 }, { x: 2007, y: 76 }, { x: 2008, y: 76 }, { x: 2009, y: 130 }, { x: 2010, y: 53 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "punk",
				data: [ { x: 1990, y: 1 }, { x: 1991, y: 4 }, { x: 1992, y: 18 }, { x: 1993, y: 0 }, { x: 1994, y: 11 }, { x: 1995, y: 6 }, { x: 1996, y: 9 }, { x: 1997, y: 14 }, { x: 1998, y: 8 }, { x: 1999, y: 1 }, { x: 2000, y: 14 }, { x: 2001, y: 3 }, { x: 2002, y: 9 }, { x: 2003, y: 11 }, { x: 2004, y: 6 }, { x: 2005, y: 16 }, { x: 2006, y: 13 }, { x: 2007, y: 12 }, { x: 2008, y: 23 }, { x: 2009, y: 7 }, { x: 2010, y: 0 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "rap",
				data: [ { x: 1990, y: 7 }, { x: 1991, y: 11 }, { x: 1992, y: 6 }, { x: 1993, y: 2 }, { x: 1994, y: 0 }, { x: 1995, y: 14 }, { x: 1996, y: 1 }, { x: 1997, y: 0 }, { x: 1998, y: 6 }, { x: 1999, y: 1 }, { x: 2000, y: 16 }, { x: 2001, y: 16 }, { x: 2002, y: 16 }, { x: 2003, y: 23 }, { x: 2004, y: 38 }, { x: 2005, y: 34 }, { x: 2006, y: 8 }, { x: 2007, y: 13 }, { x: 2008, y: 22 }, { x: 2009, y: 0 }, { x: 2010, y: 25 }, { x: 2011, y: 0 } ],
				color: palette.color()
			},
			{
				name: "rock",
				data: [ { x: 1990, y: 28 }, { x: 1991, y: 42 }, { x: 1992, y: 40 }, { x: 1993, y: 62 }, { x: 1994, y: 39 }, { x: 1995, y: 55 }, { x: 1996, y: 66 }, { x: 1997, y: 108 }, { x: 1998, y: 42 }, { x: 1999, y: 74 }, { x: 2000, y: 78 }, { x: 2001, y: 75 }, { x: 2002, y: 100 }, { x: 2003, y: 132 }, { x: 2004, y: 143 }, { x: 2005, y: 134 }, { x: 2006, y: 187 }, { x: 2007, y: 240 }, { x: 2008, y: 197 }, { x: 2009, y: 257 }, { x: 2010, y: 71 }, { x: 2011, y: 0 } ],
				color: palette.color()
			}
		]
} );

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

var y_axis = new Rickshaw.Graph.Axis.Y( {
        graph: graph,
        orientation: 'left',
        tickFormat: Rickshaw.Fixtures.Number.formatKMBT,
        element: document.getElementById('y_axis'),
} );

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

graph.render();