Line Chart (Multiple Lines)

Pre-requisites

<script src="/SCG/mootools.js" type="text/javascript"></script>
<script src="/SCG/mootools-more.js" type="text/javascript"></script>
<script src="/SCG/raphael.js" type="text/javascript"></script>
<script src="/SCG/src/format.js" type="text/javascript"></script>
<script src="/SCG/src/chart.js" type="text/javascript"></script>
<script src="/SCG/src/linechart.js" type="text/javascript"></script>

Multiple line Line charts are a simple form of Chart for SCG and are based around two arrays, a data array and a labels array.

There are no real differences between a Multiple line line chart and a traditional SCGLinechart, indeed they are both the same class and
will automatically determine their type from the data they are presented with.

A multi-line chart therefore has a data array which is in turn an array of values. The outer array is comprised of the points along
the X axis with each inner array being the ‘stack’ of values for that position.

The data array defines the numerical values for the chart, the labels array defines the corresponding
labels for those values.

For example:

window.addEvent( 'domready', function(){
	new SCGLinechart( 'test', {
		yaxis: 'thingies',
		data: [ 
			[ 10, 26, 15  ],
			[ 20, 23, 14  ],
			[ 30, 7, 62   ],
			[ 14, 12, 8  ],
			[ 19, 36, 73  ],
			[ 47, 5, 125   ],
			[ 139, 17, 30 ],
			[ 233, 0, 14  ],
			[ 123, 179, 20 ]
		],
		labels: [ 
			'label1', 
			'label2', 
			'label3', 
			'label4', 
			'label5', 
			'label6', 
			'label7', 
			'label8', 
			'label9' 
		]
	});
});