text: 
  /*---- morrisBar2----*/
  $(function(e){
    'use strict';
  	new Morris.Area({
  	  element: 'morrisBar2',
  	  data: [
  		{x: '2010 Q4', y: 3, z: 7},
  		{x: '2011 Q1', y: 3, z: 4},
  		{x: '2011 Q2', y: null, z: 1},
  		{x: '2011 Q3', y: 2, z: 5},
  		{x: '2011 Q4', y: 8, z: 2},
  		{x: '2012 Q1', y: 4, z: 4}
  	  ],
  	  xkey: 'x',
  	  ykeys: ['y', 'z'],
  	  lineColors: ['#ff2b88','#6963ff'],
  	  labels: ['Y', 'Z']
  	}).on('click', function(i, row){
  	  console.log(i, row);
  	});
  
  	/*---- morrisBar3----*/
  	new Morris.Area({
  	  element: 'morrisBar3',
  	  behaveLikeLine: true,
  	  data: [
  		{x: '2011 Q1', y: 3, z: 3},
  		{x: '2011 Q2', y: 2, z: 1},
  		{x: '2011 Q3', y: 2, z: 4},
  		{x: '2011 Q4', y: 3, z: 3}
  	  ],
  	  xkey: 'x',
  	  ykeys: ['y', 'z'],
  	  lineColors: ['#ff2b88','#6963ff'],
  	  labels: ['Y', 'Z']
  	});
  
  	/*---- morrisBar4----*/
  	new Morris.Bar({
  	  element: 'morrisBar4',
  	  data: [
  		{x: '2011 Q1', y: 0},
  		{x: '2011 Q2', y: 1},
  		{x: '2011 Q3', y: 2},
  		{x: '2011 Q4', y: 3},
  		{x: '2012 Q1', y: 4},
  		{x: '2012 Q2', y: 5},
  		{x: '2012 Q3', y: 6},
  		{x: '2012 Q4', y: 7},
  		{x: '2013 Q1', y: 8}
  	  ],
  	  xkey: 'x',
  	  ykeys: ['y'],
  	  labels: ['Y'],
  	  barColors: function (row, series, type) {
  		if (type === 'bar') {
  		  var red = Math.ceil(0 * row.y / this.ymax);
  		  return 'rgb( 105, 99, 255 )';
  		}
  		else {
  		  return '#000';
  		}
  	  }
  	});
  
  	var day_data = [
  	  {"period": "Jan", "licensed": 3407, "sorned": 660},
  	  {"period": "Feb", "licensed": 3351, "sorned": 629},
  	  {"period": "Mar", "licensed": 3269, "sorned": 618},
  	  {"period": "Apr", "licensed": 3246, "sorned": 661},
  	  {"period": "May", "licensed": 3257, "sorned": 667},
  	  {"period": "June", "licensed": 3248, "sorned": 627},
  	  {"period": "July", "licensed": 3171, "sorned": 660},
  	  {"period": "Aug", "licensed": 3171, "sorned": 676},
  	  {"period": "Sept", "licensed": 3201, "sorned": 656},
  	  {"period": "Oct", "licensed": 3215, "sorned": 622}
  	];
  
  	/*---- morrisBar5----*/
  	new Morris.Bar({
  	  element: 'morrisBar5',
  	  data: day_data,
  	  xkey: 'period',
  	  ykeys: ['licensed', 'sorned'],
  	  labels: ['Licensed', 'SORN'],
  	  Colors: ['#6963ff', '#ff2b88'],
  	  xLabelAngle: 0
  	});
  
  	var nReloads = 0;
  	function data(offset) {
  	  var ret = [];
  	  for (var x = 0; x <= 360; x += 10) {
  		var v = (offset + x) % 360;
  		ret.push({
  		  x: x,
  		  y: Math.sin(Math.PI * v / 180).toFixed(4),
  		  z: Math.cos(Math.PI * v / 180).toFixed(4)
  		});
  	  }
  	  return ret;
  	}
  
  	/*---- morrisBar6----*/
  	var graph = Morris.Line({
  		element: 'morrisBar6',
  		data: data(0),
  		xkey: 'x',
  		ykeys: ['y', 'z'],
  		labels: ['data1', 'data2'],
  
  		parseTime: false,
  		ymin: -1.0,
  		ymax: 1.0,
  		hideHover: true
  	});
  	function update() {
  	  nReloads++;
  	  graph.setData(data(5 * nReloads));
  	  $('#reloadStatus').text(nReloads + ' reloads');
  	}
  	setInterval(update, 100);
  
  	/*---- morrisBar7----*/
  	var day_data = [
  	  {"period": "2012-10-01", "licensed": 3407, "sorned": 660},
  	  {"period": "2012-09-30", "licensed": 3351, "sorned": 629},
  	  {"period": "2012-09-29", "licensed": 3269, "sorned": 618},
  	  {"period": "2012-09-20", "licensed": 3246, "sorned": 661},
  	  {"period": "2012-09-19", "licensed": 3257, "sorned": 667},
  	  {"period": "2012-09-18", "licensed": 3248, "sorned": 627},
  	  {"period": "2012-09-17", "licensed": 3171, "sorned": 660},
  	  {"period": "2012-09-16", "licensed": 3171, "sorned": 676},
  	  {"period": "2012-09-15", "licensed": 3201, "sorned": 656},
  	  {"period": "2012-09-10", "licensed": 3215, "sorned": 622}
  	];
  	new Morris.Line({
  	  element: 'morrisBar7',
  
  	  data: day_data,
  	  xkey: 'period',
  	  ykeys: ['licensed', 'sorned'],
  	  labels: ['Licensed', 'SORN']
  	});
  
  
  	/*---- morrisBar8----*/
  	new Morris.Donut({
  		  element: 'morrisBar8',
  		  data: [
  			{value: 50, label: 'data1'},
  			{value: 35, label: 'data2'},
  			{value: 10, label: 'data3'}
  		  ],
  		  colors: [
  		'#6963ff', '#ff2b88', '#21cb95'
  
  	  ],
  		  formatter: function (x) { return x + "%"}
  		}).on('click', function(i, row){
  		  console.log(i, row);
  	});
  
  	/*---- morrisBar9----*/
  	new Morris.Donut({
  	  element: 'morrisBar9',
  	  data: [
  		{value: 35, label: 'data1'},
  		{value: 25, label: 'data2'},
  		{value: 15, label: 'data3'},
  		{value: 15, label: 'data4'},
  		{value: 10, label: 'data5'},
  		{value: 10, label: 'data6'}
  	  ],
  	  backgroundColor: '#fff',
  	  labelColor: '#060',
  	  colors: [
  		'#6963ff', '#ff2b88', '#5e5baa', '#21cb95', '#f44336', '#00bcd4', '#f1c40f'
  
  	  ],
  	  formatter: function (x) { return x + "%"}
  	});
  });