84 lines
2.0 KiB
JavaScript
84 lines
2.0 KiB
JavaScript
$(function() {
|
|
|
|
// Line Example
|
|
Morris.Line({
|
|
element: 'morris-line-1',
|
|
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']
|
|
});
|
|
|
|
// Area Example
|
|
Morris.Area({
|
|
element: 'morris-area-1',
|
|
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'
|
|
});
|
|
|
|
// Bar Example
|
|
Morris.Bar({
|
|
element: 'morris-bar-1',
|
|
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'
|
|
});
|
|
|
|
// Stacked Bar Example
|
|
Morris.Bar({
|
|
element: 'morris-bar-stacked',
|
|
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',
|
|
stacked: !0,
|
|
ykeys: ['a', 'b'],
|
|
labels: ['Series A', 'Series B'],
|
|
hideHover: 'auto'
|
|
});
|
|
|
|
// Donut Example
|
|
Morris.Donut({
|
|
element: 'morris-donut-1',
|
|
data: [
|
|
{label: "Download Sales", value: 12},
|
|
{label: "In-Store Sales", value: 30},
|
|
{label: "Mail-Order Sales", value: 20}
|
|
]
|
|
});
|
|
}); |