text: $(function () {
  
  	var d1, d2, d3, data, chartOptions;
  
  	d1 = [
  		[1325376000000, 1200], [1328054400000, 700], [1330560000000, 1000], [1333238400000, 600],
  		[1335830400000, 350], [1335830400000, 450], [1335830400000, 390]
  	];
  
  	d2 = [
  		[1325376000000, 800], [1328054400000, 600], [1330560000000, 300], [1333238400000, 350],
  		[1335830400000, 500], [1335830400000, 600], [1335830400000, 400]
  	];
  
  	data = [{
  		label: 'Received',
  		data: d1
  	},{
  		label: 'Sent',
  		data: d2
  	}];
  
  	chartOptions = {
  		xaxis: {
  			min: (new Date(2011, 11, 15)).getTime(),
  			max: (new Date(2012, 04, 18)).getTime(),
  			mode: "time",
  			tickSize: [2, "month"],
  			monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
  			tickLength: 0
  		},
  		grid:{
        hoverable: true,
        clickable: false,
        borderWidth: 1,
        tickColor: '#dfe2f0',
        borderColor: '#dfe2f0',
      },
  		bars: {
  			show: true,
  			barWidth: 24 * 24 * 60 * 60 * 300,
  			fill: true,
  			lineWidth: 1,
  			order: true,
  			lineWidth: 0,
  			fillColor: { colors: [ { opacity: 1 }, { opacity: 1 } ] }
  		},
  		shadowSize: 0,
  		tooltip: true,
  		tooltipOpts: {
  			content: '%s: %y'
  		},
  		colors: ['#ff7671', '#4bb5ea', '#ffda68', '#3fcbca'],
  	}
  
  	var holder = $('#vertical-chart');
  
  	if (holder.length) {
  		$.plot(holder, data, chartOptions );
  	}
  });