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.
168 lines
5.0 KiB
168 lines
5.0 KiB
$(function () {
|
|
getMorris('line', 'line_chart');
|
|
getMorris('bar', 'bar_chart');
|
|
getMorris('area', 'area_chart');
|
|
getMorris('donut', 'donut_chart');
|
|
});
|
|
|
|
|
|
function getMorris(type, element) {
|
|
if (type === 'line') {
|
|
Morris.Line({
|
|
element: element,
|
|
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
|
|
}],
|
|
xkey: 'period',
|
|
ykeys: ['licensed', 'sorned'],
|
|
labels: ['Licensed', 'Off the road'],
|
|
lineColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)'],
|
|
lineWidth: 3
|
|
});
|
|
} else if (type === 'bar') {
|
|
Morris.Bar({
|
|
element: element,
|
|
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'],
|
|
barColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(0, 150, 136)'],
|
|
});
|
|
} else if (type === 'area') {
|
|
Morris.Area({
|
|
element: element,
|
|
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',
|
|
lineColors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(0, 150, 136)']
|
|
});
|
|
} else if (type === 'donut') {
|
|
Morris.Donut({
|
|
element: element,
|
|
data: [{
|
|
label: 'Jam',
|
|
value: 25
|
|
}, {
|
|
label: 'Frosted',
|
|
value: 40
|
|
}, {
|
|
label: 'Custard',
|
|
value: 25
|
|
}, {
|
|
label: 'Sugar',
|
|
value: 10
|
|
}],
|
|
colors: ['rgb(233, 30, 99)', 'rgb(0, 188, 212)', 'rgb(255, 152, 0)', 'rgb(0, 150, 136)'],
|
|
formatter: function (y) {
|
|
return y + '%'
|
|
}
|
|
});
|
|
}
|
|
}
|