Area charts

Created with Raphaƫl 2.1.202.557.5102012-022012-012011-122011-112011-102011-092011-082011-072011-062011-052011-042011-032011-012010-12
2012 Q1
Y: 4
Z: 4
  1.  
  2. // Use Morris.Area instead of Morris.Line
  3.  
  4. Morris.Area({
  5.  
  6. element: 'graph',
  7.  
  8. data: [
  9.  
  10. {x: '2010 Q4', y: 3, z: 7},
  11.  
  12. {x: '2011 Q1', y: 3, z: 4},
  13.  
  14. {x: '2011 Q2', y: null, z: 1},
  15.  
  16. {x: '2011 Q3', y: 2, z: 5},
  17.  
  18. {x: '2011 Q4', y: 8, z: 2},
  19.  
  20. {x: '2012 Q1', y: 4, z: 4}
  21.  
  22. ],
  23.  
  24. xkey: 'x',
  25.  
  26. ykeys: ['y', 'z'],
  27.  
  28. labels: ['Y', 'Z']
  29.  
  30. }).on('click', function(i, row){
  31.  
  32. console.log(i, row);
  33.  
  34. });
  35.