Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    var options = {
        chart: {
            renderTo: 'container',
            type: 'spline',
            marginBottom: 50
        },
        series: [{}]
    };


     
    data = {
			"title": {
				"text": "Here goes the title"
			},
			"xAxis": {
				"title": {
					"text": "Here go the units"
				}
			},
			"series": [{
				"name": "France",
				"data": [[2006,2189260],[2007,2239300],[2008,2237490],[2009,2167070],[2010,2204450]]
			}]
		};


/* load the stuff in the JSON like this= */
    options.series  = data["series"];
    options.title  = data["title"];
    options.xAxis  = data["xAxis"];
                        
   
    var chart = new Highcharts.Chart(options);
    
});