You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
2.5 KiB
117 lines
2.5 KiB
$(function() { |
|
|
|
Morris.Area({ |
|
element: 'morris-area-chart', |
|
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', |
|
resize: true |
|
}); |
|
|
|
Morris.Donut({ |
|
element: 'morris-donut-chart', |
|
data: [{ |
|
label: "Download Sales", |
|
value: 12 |
|
}, { |
|
label: "In-Store Sales", |
|
value: 30 |
|
}, { |
|
label: "Mail-Order Sales", |
|
value: 20 |
|
}], |
|
resize: true |
|
}); |
|
|
|
Morris.Bar({ |
|
element: 'morris-bar-chart', |
|
data: [{ |
|
y: '2006', |
|
a: 100, |
|
b: 90 |
|
}, { |
|
y: '2007', |
|
a: 75, |
|
b: 65 |
|
}, { |
|
y: '2008', |
|
a: 50, |
|
b: 40 |
|
}, { |
|
y: '2009', |
|
a: 75, |
|
b: 65 |
|
}, { |
|
y: '2010', |
|
a: 50, |
|
b: 40 |
|
}, { |
|
y: '2011', |
|
a: 75, |
|
b: 65 |
|
}, { |
|
y: '2012', |
|
a: 100, |
|
b: 90 |
|
}], |
|
xkey: 'y', |
|
ykeys: ['a', 'b'], |
|
labels: ['Series A', 'Series B'], |
|
hideHover: 'auto', |
|
resize: true |
|
}); |
|
|
|
});
|
|
|