/*
 * Morris - Charts
 */

$(function() {
  // data stolen from http://howmanyleft.co.uk/vehicle/jaguar_'e'_type
  var tax_data = [{
    "period": "2011 Q3",
    "licensed": 3407,
    "sorned": 660
  }, {
    "period": "2011 Q2",
    "licensed": 3351,
    "sorned": 629
  }, {
    "period": "2011 Q1",
    "licensed": 3269,
    "sorned": 618
  }, {
    "period": "2010 Q4",
    "licensed": 3246,
    "sorned": 661
  }, {
    "period": "2009 Q4",
    "licensed": 3171,
    "sorned": 676
  }, {
    "period": "2008 Q4",
    "licensed": 3155,
    "sorned": 681
  }, {
    "period": "2007 Q4",
    "licensed": 3226,
    "sorned": 620
  }, {
    "period": "2006 Q4",
    "licensed": 3245,
    "sorned": null
  }, {
    "period": "2005 Q4",
    "licensed": 3289,
    "sorned": null
  }];


  // Use Morris.Bar
  Morris.Bar({
    element: 'morris-bar',
    data: [{
      x: '2011 Q1',
      y: 3,
      z: 2,
      a: 3
    }, {
      x: '2011 Q2',
      y: 2,
      z: null,
      a: 1
    }, {
      x: '2011 Q3',
      y: 0,
      z: 2,
      a: 4
    }, {
      x: '2011 Q4',
      y: 2,
      z: 4,
      a: 3
    }],
    xkey: 'x',
    ykeys: ['y', 'z', 'a'],
    labels: ['Y', 'Z', 'A']
  });


  // Line Chart
  Morris.Line({
    element: 'morris-line',
    data: tax_data,
    xkey: 'period',
    ykeys: ['licensed', 'sorned'],
    labels: ['Licensed', 'Off the road']
  });


  // Area chart
  Morris.Area({
    element: 'morris-area',
    data: [{
      period: '2010 Q1',
      iphone: 2666,
      ipad: null,
      itouch: 2647
    }, {
      period: '2010 Q2',
      iphone: 2778,
      ipad: 2294,
      itouch: 2441
    }, {
      period: '2010 Q3',
      iphone: 4912,
      ipad: 1969,
      itouch: 2501
    }, {
      period: '2010 Q4',
      iphone: 3767,
      ipad: 3597,
      itouch: 5689
    }, {
      period: '2011 Q1',
      iphone: 6810,
      ipad: 1914,
      itouch: 2293
    }, {
      period: '2011 Q2',
      iphone: 5670,
      ipad: 4293,
      itouch: 1881
    }, {
      period: '2011 Q3',
      iphone: 4820,
      ipad: 3795,
      itouch: 1588
    }, {
      period: '2011 Q4',
      iphone: 15073,
      ipad: 5967,
      itouch: 5175
    }, {
      period: '2012 Q1',
      iphone: 10687,
      ipad: 4460,
      itouch: 2028
    }, {
      period: '2012 Q2',
      iphone: 8432,
      ipad: 5713,
      itouch: 1791
    }],
    xkey: 'period',
    ykeys: ['iphone', 'ipad', 'itouch'],
    labels: ['iPhone', 'iPad', 'iPod Touch'],
    pointSize: 2,
    hideHover: 'auto'
  });


  //Donut Chart
  Morris.Donut({
    element: 'morris-donut',
    data: [{
      label: 'Jam',
      value: 25
    }, {
      label: 'Frosted',
      value: 40
    }, {
      label: 'Custard',
      value: 25
    }, {
      label: 'Sugar',
      value: 10
    }],
    formatter: function(y) {
      return y + "%"
    }
  });

  $('.code-example').each(function(index, el) {
    eval($(el).text());
  });
});