| // 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 |
| }); |
| |
| |
| }); |