line chart

Draw a line chart. example: http:cl.lyimage462H1R3C0n20

function drawChart() {
	var dataTable = new google.visualization.DataTable();
		dataTable.addColumn(\'date\', \'Date\');
		dataTable.addColumn(\'number\', \'Internal Hours\');
		dataTable.addColumn(\'number\', \'Client Hours\');
		dataTable.addColumn(\'number\', \'Product Hours\');
		dataTable.addRows([
			[new Date(2013, 4, 27), 2.17, 1.78, 0],
			[new Date(2013, 4, 28), 46.06, 79.38, 6.38],
			[new Date(2013, 4, 29), 28.25, 98.18, 0.16],
			[new Date(2013, 4, 30), 35.01, 76.81, 5.93],
			[new Date(2013, 4, 31), 0, 0.34, 0],
			[new Date(2013, 5, 1), 0, 0, 0],
			[new Date(2013, 5, 2), 0, 0, 0],
		]);
		  
	var data = new google.visualization.DataView(dataTable);

	var options = {
		lineWidth:1,
		hAxis: {
			baselineColor:\'transparent\',
			gridlines: {
				color: \'transparent\'
			}
		},
		vAxis: {
			baselineColor: \'#ccc\'
		},
		pointSize: 4,
		chartArea: {width:\'98%\',height:\'100%\',top:0,left:\'1%\'},
		series: {
			0: {color: \'#922D8D\', visibleInLegend: false, lineWidth:2, areaOpacity: 0.3}, 
			1: {color: \'#2d8d92\', visibleInLegend: false, lineWidth:2, areaOpacity: 0.6}, 
			2: {color: \'#c0c646\', visibleInLegend: false, lineWidth:2, areaOpacity: 0.9}
		},
		fontName: \'proxima nova\',
		tooltip: {
			textStyle: {
				color: \'#333333\', 
				fontSize: 12
			}
		},
		height: \'100%\',
		width: \'100%\',
		backgroundColor: \'transparent\',
	};

	var chart = new google.visualization.LineChart(document.getElementById(\'graph\'));
	chart.draw(data, options);
}