228 lines
5.2 KiB
JavaScript
Executable File
228 lines
5.2 KiB
JavaScript
Executable File
// Morris.js Charts sample data for SB Admin template
|
|
|
|
$(function() {
|
|
|
|
// Area Chart
|
|
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
|
|
});
|
|
|
|
// Donut Chart
|
|
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
|
|
});
|
|
|
|
// Line Chart
|
|
Morris.Line({
|
|
// ID of the element in which to draw the chart.
|
|
element: 'morris-line-chart',
|
|
// Chart data records -- each entry in this array corresponds to a point on
|
|
// the chart.
|
|
data: [{
|
|
d: '2012-10-01',
|
|
visits: 802
|
|
}, {
|
|
d: '2012-10-02',
|
|
visits: 783
|
|
}, {
|
|
d: '2012-10-03',
|
|
visits: 820
|
|
}, {
|
|
d: '2012-10-04',
|
|
visits: 839
|
|
}, {
|
|
d: '2012-10-05',
|
|
visits: 792
|
|
}, {
|
|
d: '2012-10-06',
|
|
visits: 859
|
|
}, {
|
|
d: '2012-10-07',
|
|
visits: 790
|
|
}, {
|
|
d: '2012-10-08',
|
|
visits: 1680
|
|
}, {
|
|
d: '2012-10-09',
|
|
visits: 1592
|
|
}, {
|
|
d: '2012-10-10',
|
|
visits: 1420
|
|
}, {
|
|
d: '2012-10-11',
|
|
visits: 882
|
|
}, {
|
|
d: '2012-10-12',
|
|
visits: 889
|
|
}, {
|
|
d: '2012-10-13',
|
|
visits: 819
|
|
}, {
|
|
d: '2012-10-14',
|
|
visits: 849
|
|
}, {
|
|
d: '2012-10-15',
|
|
visits: 870
|
|
}, {
|
|
d: '2012-10-16',
|
|
visits: 1063
|
|
}, {
|
|
d: '2012-10-17',
|
|
visits: 1192
|
|
}, {
|
|
d: '2012-10-18',
|
|
visits: 1224
|
|
}, {
|
|
d: '2012-10-19',
|
|
visits: 1329
|
|
}, {
|
|
d: '2012-10-20',
|
|
visits: 1329
|
|
}, {
|
|
d: '2012-10-21',
|
|
visits: 1239
|
|
}, {
|
|
d: '2012-10-22',
|
|
visits: 1190
|
|
}, {
|
|
d: '2012-10-23',
|
|
visits: 1312
|
|
}, {
|
|
d: '2012-10-24',
|
|
visits: 1293
|
|
}, {
|
|
d: '2012-10-25',
|
|
visits: 1283
|
|
}, {
|
|
d: '2012-10-26',
|
|
visits: 1248
|
|
}, {
|
|
d: '2012-10-27',
|
|
visits: 1323
|
|
}, {
|
|
d: '2012-10-28',
|
|
visits: 1390
|
|
}, {
|
|
d: '2012-10-29',
|
|
visits: 1420
|
|
}, {
|
|
d: '2012-10-30',
|
|
visits: 1529
|
|
}, {
|
|
d: '2012-10-31',
|
|
visits: 1892
|
|
}, ],
|
|
// The name of the data record attribute that contains x-visitss.
|
|
xkey: 'd',
|
|
// A list of names of data record attributes that contain y-visitss.
|
|
ykeys: ['visits'],
|
|
// Labels for the ykeys -- will be displayed when you hover over the
|
|
// chart.
|
|
labels: ['Visits'],
|
|
// Disables line smoothing
|
|
smooth: false,
|
|
resize: true
|
|
});
|
|
|
|
// Bar Chart
|
|
Morris.Bar({
|
|
element: 'morris-bar-chart',
|
|
data: [{
|
|
device: 'iPhone',
|
|
geekbench: 136
|
|
}, {
|
|
device: 'iPhone 3G',
|
|
geekbench: 137
|
|
}, {
|
|
device: 'iPhone 3GS',
|
|
geekbench: 275
|
|
}, {
|
|
device: 'iPhone 4',
|
|
geekbench: 380
|
|
}, {
|
|
device: 'iPhone 4S',
|
|
geekbench: 655
|
|
}, {
|
|
device: 'iPhone 5',
|
|
geekbench: 1571
|
|
}],
|
|
xkey: 'device',
|
|
ykeys: ['geekbench'],
|
|
labels: ['Geekbench'],
|
|
barRatio: 0.4,
|
|
xLabelAngle: 35,
|
|
hideHover: 'auto',
|
|
resize: true
|
|
});
|
|
|
|
|
|
});
|