PYROS-IRAP / pyros

Blame view

src/misc/static/js/morris/chart-data-morris.js 3.91 KB
Edit Raw Normal View History
bbf6e698   haribo   Date: 14/06/2016 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
 
// First Chart Example - Area Line Chart

Morris.Area({
  // ID of the element in which to draw the chart.
  element: 'morris-chart-area',
  // 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,
});

Morris.Donut({
  element: 'morris-chart-donut',
  data: [
    {label: "Referral", value: 42.7},
    {label: "Direct", value: 8.3},
    {label: "Social", value: 12.8},
    {label: "Organic", value: 36.2}
  ],
  formatter: function (y) { return y + "%" ;}
});

Morris.Line({
  // ID of the element in which to draw the chart.
  element: 'morris-chart-line',
  // 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,
});

Morris.Bar ({
  element: 'morris-chart-bar',
  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'
});