function drawChart_2016(){
	createChart();

	/*var chart_annee = new Array();
	var chart_nuitees = new Array();

	$.get("data/nuiteesannuelles.json", function(data) {
        var json_data = data;
        
        for(var i = 0; i < json_data.length; i++) {
            chart_annee.push(json_data[i].annee);
            chart_nuitees.push(json_data[i].nbnuitees);
        }
        createChart(chart_annee, chart_nuitees);

        console.log(json_data);
    })*/
    //console.log(json_data);
}


/*$(function() {
    
});*/

//document.addEventListener('DOMContentLoaded',function(){
function createChart(){
	var options = {
		width: '600px',
		height: '300px',
		axisX: {
    		offset: 0
  		},
  			axisY: {
    		offset: 60
		}
	};

	/*var responsiveOptions = [
		['screen and (min-width: 641px) and (max-width: 1920px)', {
	        showPoint: true,
	        axisX: {
	            labelInterpolationFnc: function(value) {
	                return value.slice(0, 3);
	            }
	        }
	    }],
		['screen and (min-width: 641px) and (max-width: 1920px)', {
	        showLine: false,
	        axisX: {
	            labelInterpolationFnc: function(value) {
	            return value[0];
	            }
	            
	        }
	    }]
	];*/

	// Create a simple line chart
	var data = {
		/*labels: chart_annee,
        series: [
            chart_nuitees
        ]*/

		// A labels array that can contain any sort of values
		labels: ['2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015'],
		// Our series array that contains series objects or in this case series data arrays
	    series: [[1724903, 1850253, 1947598, 1917117, 1983031, 2152326, 2275556, 2484607, 2537612, 2726861]]
	    //series: [[1724, 1850, 1947, 1917, 1983, 2152, 2275, 2484, 2537, 2726]]
	};


	var mychart = Chartist.Line('#chart2', data, options/*, responsiveOptions*/);

    var seq = 0,
	delays = 80,
	durations = 300;

	// Once the chart is fully created we reset the sequence
	mychart.on('created', function() {
		seq = 0;
	});

	// On each drawn element by Chartist we use the Chartist.Svg API to trigger SMIL animations
	mychart.on('draw', function(data) {
		seq++;

		if(data.type === 'line') {
			// If the drawn element is a line we do a simple opacity fade in. This could also be achieved using CSS3 animations.
			data.element.animate({
				opacity: {
				// The delay when we like to start the animation
				begin: seq * delays + 50,
				// Duration of the animation
				dur: durations,
				// The value where the animation should start
				from: 0,
				// The value where it should end
				to: 1
			}
		});
	} else if(data.type === 'label' && data.axis === 'x') {
		data.element.animate({
			y: {
				begin: seq * delays,
				dur: durations,
				from: data.y,
        		to: data.y,
        		// We can specify an easing function from Chartist.Svg.Easing
        		easing: 'easeOutQuart'
			}
		});
  	} else if(data.type === 'label' && data.axis === 'y') {
		data.element.animate({
			x: {
				begin: seq * delays,
				dur: durations,
				from: data.x - 100,
				to: data.x,
				easing: 'easeOutQuart'
			}
		});
	} else if(data.type === 'point') {
		data.element.animate({
			x1: {
				begin: seq * delays,
				dur: durations,
				from: data.x - 10,
				to: data.x,
				easing: 'easeOutQuart'
			},
			x2: {
				begin: seq * delays,
				dur: durations,
				from: data.x - 10,
				to: data.x,
				easing: 'easeOutQuart'
			},
			opacity: {
				begin: seq * delays,
				dur: durations,
				from: 0,
				to: 1,
				easing: 'easeOutQuart'
			}
		});
	} else if(data.type === 'grid') {
			// Using data.axis we get x or y which we can use to construct our animation definition objects
			var pos1Animation = {
				begin: seq * delays,
				dur: durations,
				from: data[data.axis.units.pos + '1'] - 1,
				to: data[data.axis.units.pos + '1'],
				easing: 'easeOutQuart'
			};

			var pos2Animation = {
				begin: seq * delays,
				dur: durations,
				from: data[data.axis.units.pos + '2'] - 1,
				to: data[data.axis.units.pos + '2'],
				easing: 'easeOutQuart'
			};

			var animations = {};
			animations[data.axis.units.pos + '1'] = pos1Animation;
			animations[data.axis.units.pos + '2'] = pos2Animation;
			animations['opacity'] = {
				begin: seq * delays,
				dur: durations,
				from: 0,
				to: 0.5,
				easing: 'easeOutQuart'
			};

			data.element.animate(animations);
		}
	});

};
@@ -714,16 +714,17 @@
 offset: 
+5
 0%0D%0A  %09%09%7D
@@ -4585,8 +4585,10 @@
 );%0D%0A%0D%0A%7D;
+%0D%0A

Update 2016-chart_nuiteesannuelles.js