$(function () {

	// we use an inline data source in the example, usually data would

	// be fetched from a server

	var data = [], totalPoints = 200;

	function getRandomData() {

		if (data.length > 0)

			data = data.slice(1);



		while (data.length < totalPoints) {

			var prev = data.length > 0 ? data[data.length - 1] : 50;

			var y = prev + Math.random() * 10 - 5;

			if (y < 0)

				y = 0;

			if (y > 100)

				y = 100;

			data.push(y);

		}



		var res = [];

		for (var i = 0; i < data.length; ++i)

			res.push([i, data[i]])

		return res;

	}



	// setup plot

	var options = {

		yaxis: { min: 0, max: 100 },

		xaxis: { min: 0, max: 100 },

		colors: ["#F90", "#222", "#666", "#BBB"],

		series: {

				   lines: { 

						lineWidth: 2, 

						fill: true,

						fillColor: { colors: [ { opacity: 0.6 }, { opacity: 0.2 } ] },

						steps: false



					}

			   }

	};

	

	var plot = $.plot($("#area-chart"), [ getRandomData() ], options);

});