ganglia_js_charts 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. data/.document +5 -0
  2. data/.gitignore +22 -0
  3. data/LICENSE +20 -0
  4. data/README.rdoc +17 -0
  5. data/Rakefile +45 -0
  6. data/VERSION +1 -0
  7. data/ganglia_js_charts.gemspec +80 -0
  8. data/lib/ganglia_js_charts.rb +61 -0
  9. data/public/ajax-loader.gif +0 -0
  10. data/public/ganglia-js.js +225 -0
  11. data/public/index.html +80 -0
  12. data/public/jquery-1.4.4.js +7179 -0
  13. data/public/jquery.tmpl.js +482 -0
  14. data/public/js/adapters/mootools-adapter.js +11 -0
  15. data/public/js/adapters/mootools-adapter.src.js +214 -0
  16. data/public/js/adapters/prototype-adapter.js +14 -0
  17. data/public/js/adapters/prototype-adapter.src.js +254 -0
  18. data/public/js/highcharts.js +160 -0
  19. data/public/js/highcharts.src.js +10580 -0
  20. data/public/js/modules/exporting.js +21 -0
  21. data/public/js/modules/exporting.src.js +671 -0
  22. data/public/js/themes/dark-blue.js +170 -0
  23. data/public/js/themes/dark-green.js +170 -0
  24. data/public/js/themes/gray.js +164 -0
  25. data/public/js/themes/grid.js +97 -0
  26. data/public/json2.js +480 -0
  27. data/public/knockout-1.1.2.debug.js +1852 -0
  28. data/public/underscore.js +770 -0
  29. data/spec/ganglia_js_charts_spec.rb +7 -0
  30. data/spec/spec.opts +1 -0
  31. data/spec/spec_helper.rb +9 -0
  32. data/test-rrds/FetLife/feed01.dal.fetlife/like_service_LikeService_create-count.rrd +0 -0
  33. data/test-rrds/FetLife/feed02.dal.fetlife/like_service_LikeService_create-count.rrd +0 -0
  34. data/test-rrds/graphs.json +1 -0
  35. metadata +118 -0
data/public/js/themes/dark-blue.js ADDED
@@ -0,0 +1,170 @@
1
+ /**
2
+ * Dark blue theme for Highcharts JS
3
+ * @author Torstein Hønsi
4
+ */
5
+
6
+ Highcharts.theme = {
7
+ colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
8
+ "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
9
+ chart: {
10
+ backgroundColor: {
11
+ linearGradient: [0, 0, 250, 500],
12
+ stops: [
13
+ [0, 'rgb(48, 48, 96)'],
14
+ [1, 'rgb(0, 0, 0)']
15
+ ]
16
+ },
17
+ borderColor: '#000000',
18
+ borderWidth: 2,
19
+ className: 'dark-container',
20
+ plotBackgroundColor: 'rgba(255, 255, 255, .1)',
21
+ plotBorderColor: '#CCCCCC',
22
+ plotBorderWidth: 1
23
+ },
24
+ title: {
25
+ style: {
26
+ color: '#C0C0C0',
27
+ font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
28
+ }
29
+ },
30
+ subtitle: {
31
+ style: {
32
+ color: '#666666',
33
+ font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
34
+ }
35
+ },
36
+ xAxis: {
37
+ gridLineColor: '#333333',
38
+ gridLineWidth: 1,
39
+ labels: {
40
+ style: {
41
+ color: '#A0A0A0'
42
+ }
43
+ },
44
+ lineColor: '#A0A0A0',
45
+ tickColor: '#A0A0A0',
46
+ title: {
47
+ style: {
48
+ color: '#CCC',
49
+ fontWeight: 'bold',
50
+ fontSize: '12px',
51
+ fontFamily: 'Trebuchet MS, Verdana, sans-serif'
52
+
53
+ }
54
+ }
55
+ },
56
+ yAxis: {
57
+ gridLineColor: '#333333',
58
+ labels: {
59
+ style: {
60
+ color: '#A0A0A0'
61
+ }
62
+ },
63
+ lineColor: '#A0A0A0',
64
+ minorTickInterval: null,
65
+ tickColor: '#A0A0A0',
66
+ tickWidth: 1,
67
+ title: {
68
+ style: {
69
+ color: '#CCC',
70
+ fontWeight: 'bold',
71
+ fontSize: '12px',
72
+ fontFamily: 'Trebuchet MS, Verdana, sans-serif'
73
+ }
74
+ }
75
+ },
76
+ legend: {
77
+ itemStyle: {
78
+ font: '9pt Trebuchet MS, Verdana, sans-serif',
79
+ color: '#A0A0A0'
80
+ }
81
+ },
82
+ tooltip: {
83
+ backgroundColor: 'rgba(0, 0, 0, 0.75)',
84
+ style: {
85
+ color: '#F0F0F0'
86
+ }
87
+ },
88
+ toolbar: {
89
+ itemStyle: {
90
+ color: 'silver'
91
+ }
92
+ },
93
+ plotOptions: {
94
+ line: {
95
+ dataLabels: {
96
+ color: '#CCC'
97
+ },
98
+ marker: {
99
+ lineColor: '#333'
100
+ }
101
+ },
102
+ spline: {
103
+ marker: {
104
+ lineColor: '#333'
105
+ }
106
+ },
107
+ scatter: {
108
+ marker: {
109
+ lineColor: '#333'
110
+ }
111
+ }
112
+ },
113
+ legend: {
114
+ itemStyle: {
115
+ color: '#CCC'
116
+ },
117
+ itemHoverStyle: {
118
+ color: '#FFF'
119
+ },
120
+ itemHiddenStyle: {
121
+ color: '#444'
122
+ }
123
+ },
124
+ credits: {
125
+ style: {
126
+ color: '#666'
127
+ }
128
+ },
129
+ labels: {
130
+ style: {
131
+ color: '#CCC'
132
+ }
133
+ },
134
+
135
+ navigation: {
136
+ buttonOptions: {
137
+ backgroundColor: {
138
+ linearGradient: [0, 0, 0, 20],
139
+ stops: [
140
+ [0.4, '#606060'],
141
+ [0.6, '#333333']
142
+ ]
143
+ },
144
+ borderColor: '#000000',
145
+ symbolStroke: '#C0C0C0',
146
+ hoverSymbolStroke: '#FFFFFF'
147
+ }
148
+ },
149
+
150
+ exporting: {
151
+ buttons: {
152
+ exportButton: {
153
+ symbolFill: '#55BE3B'
154
+ },
155
+ printButton: {
156
+ symbolFill: '#7797BE'
157
+ }
158
+ }
159
+ },
160
+
161
+ // special colors for some of the
162
+ legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
163
+ legendBackgroundColorSolid: 'rgb(35, 35, 70)',
164
+ dataLabelsColor: '#444',
165
+ textColor: '#C0C0C0',
166
+ maskColor: 'rgba(255,255,255,0.3)'
167
+ };
168
+
169
+ // Apply the theme
170
+ var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
data/public/js/themes/dark-green.js ADDED
@@ -0,0 +1,170 @@
1
+ /**
2
+ * Dark blue theme for Highcharts JS
3
+ * @author Torstein Hønsi
4
+ */
5
+
6
+ Highcharts.theme = {
7
+ colors: ["#DDDF0D", "#55BF3B", "#DF5353", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
8
+ "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
9
+ chart: {
10
+ backgroundColor: {
11
+ linearGradient: [0, 0, 250, 500],
12
+ stops: [
13
+ [0, 'rgb(48, 96, 48)'],
14
+ [1, 'rgb(0, 0, 0)']
15
+ ]
16
+ },
17
+ borderColor: '#000000',
18
+ borderWidth: 2,
19
+ className: 'dark-container',
20
+ plotBackgroundColor: 'rgba(255, 255, 255, .1)',
21
+ plotBorderColor: '#CCCCCC',
22
+ plotBorderWidth: 1
23
+ },
24
+ title: {
25
+ style: {
26
+ color: '#C0C0C0',
27
+ font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
28
+ }
29
+ },
30
+ subtitle: {
31
+ style: {
32
+ color: '#666666',
33
+ font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
34
+ }
35
+ },
36
+ xAxis: {
37
+ gridLineColor: '#333333',
38
+ gridLineWidth: 1,
39
+ labels: {
40
+ style: {
41
+ color: '#A0A0A0'
42
+ }
43
+ },
44
+ lineColor: '#A0A0A0',
45
+ tickColor: '#A0A0A0',
46
+ title: {
47
+ style: {
48
+ color: '#CCC',
49
+ fontWeight: 'bold',
50
+ fontSize: '12px',
51
+ fontFamily: 'Trebuchet MS, Verdana, sans-serif'
52
+
53
+ }
54
+ }
55
+ },
56
+ yAxis: {
57
+ gridLineColor: '#333333',
58
+ labels: {
59
+ style: {
60
+ color: '#A0A0A0'
61
+ }
62
+ },
63
+ lineColor: '#A0A0A0',
64
+ minorTickInterval: null,
65
+ tickColor: '#A0A0A0',
66
+ tickWidth: 1,
67
+ title: {
68
+ style: {
69
+ color: '#CCC',
70
+ fontWeight: 'bold',
71
+ fontSize: '12px',
72
+ fontFamily: 'Trebuchet MS, Verdana, sans-serif'
73
+ }
74
+ }
75
+ },
76
+ legend: {
77
+ itemStyle: {
78
+ font: '9pt Trebuchet MS, Verdana, sans-serif',
79
+ color: '#A0A0A0'
80
+ }
81
+ },
82
+ tooltip: {
83
+ backgroundColor: 'rgba(0, 0, 0, 0.75)',
84
+ style: {
85
+ color: '#F0F0F0'
86
+ }
87
+ },
88
+ toolbar: {
89
+ itemStyle: {
90
+ color: 'silver'
91
+ }
92
+ },
93
+ plotOptions: {
94
+ line: {
95
+ dataLabels: {
96
+ color: '#CCC'
97
+ },
98
+ marker: {
99
+ lineColor: '#333'
100
+ }
101
+ },
102
+ spline: {
103
+ marker: {
104
+ lineColor: '#333'
105
+ }
106
+ },
107
+ scatter: {
108
+ marker: {
109
+ lineColor: '#333'
110
+ }
111
+ }
112
+ },
113
+ legend: {
114
+ itemStyle: {
115
+ color: '#CCC'
116
+ },
117
+ itemHoverStyle: {
118
+ color: '#FFF'
119
+ },
120
+ itemHiddenStyle: {
121
+ color: '#444'
122
+ }
123
+ },
124
+ credits: {
125
+ style: {
126
+ color: '#666'
127
+ }
128
+ },
129
+ labels: {
130
+ style: {
131
+ color: '#CCC'
132
+ }
133
+ },
134
+
135
+ navigation: {
136
+ buttonOptions: {
137
+ backgroundColor: {
138
+ linearGradient: [0, 0, 0, 20],
139
+ stops: [
140
+ [0.4, '#606060'],
141
+ [0.6, '#333333']
142
+ ]
143
+ },
144
+ borderColor: '#000000',
145
+ symbolStroke: '#C0C0C0',
146
+ hoverSymbolStroke: '#FFFFFF'
147
+ }
148
+ },
149
+
150
+ exporting: {
151
+ buttons: {
152
+ exportButton: {
153
+ symbolFill: '#55BE3B'
154
+ },
155
+ printButton: {
156
+ symbolFill: '#7797BE'
157
+ }
158
+ }
159
+ },
160
+
161
+ // special colors for some of the
162
+ legendBackgroundColor: 'rgba(0, 0, 0, 0.5)',
163
+ legendBackgroundColorSolid: 'rgb(35, 35, 70)',
164
+ dataLabelsColor: '#444',
165
+ textColor: '#C0C0C0',
166
+ maskColor: 'rgba(255,255,255,0.3)'
167
+ };
168
+
169
+ // Apply the theme
170
+ var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
data/public/js/themes/gray.js ADDED
@@ -0,0 +1,164 @@
1
+ /**
2
+ * Gray theme for Highcharts JS
3
+ * @author Torstein Hønsi
4
+ */
5
+
6
+ Highcharts.theme = {
7
+ colors: ["#DDDF0D", "#7798BF", "#55BF3B", "#DF5353", "#aaeeee", "#ff0066", "#eeaaee",
8
+ "#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
9
+ chart: {
10
+ backgroundColor: {
11
+ linearGradient: [0, 0, 0, 400],
12
+ stops: [
13
+ [0, 'rgb(96, 96, 96)'],
14
+ [1, 'rgb(16, 16, 16)']
15
+ ]
16
+ },
17
+ borderWidth: 0,
18
+ borderRadius: 15,
19
+ plotBackgroundColor: null,
20
+ plotShadow: false,
21
+ plotBorderWidth: 0
22
+ },
23
+ title: {
24
+ style: {
25
+ color: '#FFF',
26
+ font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
27
+ }
28
+ },
29
+ subtitle: {
30
+ style: {
31
+ color: '#DDD',
32
+ font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
33
+ }
34
+ },
35
+ xAxis: {
36
+ gridLineWidth: 0,
37
+ lineColor: '#999',
38
+ tickColor: '#999',
39
+ labels: {
40
+ style: {
41
+ color: '#999',
42
+ fontWeight: 'bold'
43
+ }
44
+ },
45
+ title: {
46
+ style: {
47
+ color: '#AAA',
48
+ font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
49
+ }
50
+ }
51
+ },
52
+ yAxis: {
53
+ alternateGridColor: null,
54
+ minorTickInterval: null,
55
+ gridLineColor: 'rgba(255, 255, 255, .1)',
56
+ lineWidth: 0,
57
+ tickWidth: 0,
58
+ labels: {
59
+ style: {
60
+ color: '#999',
61
+ fontWeight: 'bold'
62
+ }
63
+ },
64
+ title: {
65
+ style: {
66
+ color: '#AAA',
67
+ font: 'bold 12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
68
+ }
69
+ }
70
+ },
71
+ legend: {
72
+ itemStyle: {
73
+ color: '#CCC'
74
+ },
75
+ itemHoverStyle: {
76
+ color: '#FFF'
77
+ },
78
+ itemHiddenStyle: {
79
+ color: '#333'
80
+ }
81
+ },
82
+ labels: {
83
+ style: {
84
+ color: '#CCC'
85
+ }
86
+ },
87
+ tooltip: {
88
+ backgroundColor: {
89
+ linearGradient: [0, 0, 0, 50],
90
+ stops: [
91
+ [0, 'rgba(96, 96, 96, .8)'],
92
+ [1, 'rgba(16, 16, 16, .8)']
93
+ ]
94
+ },
95
+ borderWidth: 0,
96
+ style: {
97
+ color: '#FFF'
98
+ }
99
+ },
100
+
101
+
102
+ plotOptions: {
103
+ line: {
104
+ dataLabels: {
105
+ color: '#CCC'
106
+ },
107
+ marker: {
108
+ lineColor: '#333'
109
+ }
110
+ },
111
+ spline: {
112
+ marker: {
113
+ lineColor: '#333'
114
+ }
115
+ },
116
+ scatter: {
117
+ marker: {
118
+ lineColor: '#333'
119
+ }
120
+ }
121
+ },
122
+
123
+ toolbar: {
124
+ itemStyle: {
125
+ color: '#CCC'
126
+ }
127
+ },
128
+
129
+ navigation: {
130
+ buttonOptions: {
131
+ backgroundColor: {
132
+ linearGradient: [0, 0, 0, 20],
133
+ stops: [
134
+ [0.4, '#606060'],
135
+ [0.6, '#333333']
136
+ ]
137
+ },
138
+ borderColor: '#000000',
139
+ symbolStroke: '#C0C0C0',
140
+ hoverSymbolStroke: '#FFFFFF'
141
+ }
142
+ },
143
+
144
+ exporting: {
145
+ buttons: {
146
+ exportButton: {
147
+ symbolFill: '#55BE3B'
148
+ },
149
+ printButton: {
150
+ symbolFill: '#7797BE'
151
+ }
152
+ }
153
+ },
154
+
155
+ // special colors for some of the demo examples
156
+ legendBackgroundColor: 'rgba(48, 48, 48, 0.8)',
157
+ legendBackgroundColorSolid: 'rgb(70, 70, 70)',
158
+ dataLabelsColor: '#444',
159
+ textColor: '#E0E0E0',
160
+ maskColor: 'rgba(255,255,255,0.3)'
161
+ };
162
+
163
+ // Apply the theme
164
+ var highchartsOptions = Highcharts.setOptions(Highcharts.theme);