NOTE: This demo shows a way loading the highcharts data from a csv file using the highcharts data module. Data module.
<!DOCTYPE html>
 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Highcharts Data loaded from a csv file using highcharts data module</title>
		<style>
		body{
			margin-top: 30px;
			margin-left:40px;
		}
		</style>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>		
		<script src="http://code.highcharts.com/highcharts.js"></script>
				<script src="http://code.highcharts.com/modules/data.js"></script>
</head>
<body>
	<div style="width: 800px; margin: 2em auto; padding: 1em; border: 1px solid red; border-radius: 0.5em">
	NOTE: This demo shows a way loading the highcharts data from a csv file using the highcharts data module.
	<a href="http://api.highcharts.com/#data">Data module</a>.
	</div>
    <div id="container" style="height: 400px"></div>
        <script type="text/javascript">
			$(function () {
				$.get('data.csv', function(data) {
				 $('#container').highcharts({
							chart: {
								type: "column"
							},
							title: {
								text: "Fruit Consumtion"
							},
							xAxis: {
								categories: []
							},
							yAxis: {
								title: {
									text: "Number of students"
								}
							},
							data: {
								csv: data
								//csv: document.getElementById('csv').innerHTML
							},
							plotOptions: {
								series: {
									marker: {
										enabled: false
									}
								}
							}
					});
				});
			});
    </script>
</body>
</html>