repsheet_visualizer 1.0.0 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (254) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +25 -1
  4. data/bin/repsheet_visualizer +10 -8
  5. data/config.ru +8 -0
  6. data/lib/repsheet_visualizer/application/app.rb +120 -107
  7. data/lib/repsheet_visualizer/application/views/404.erb +66 -0
  8. data/lib/repsheet_visualizer/application/views/500.erb +66 -0
  9. data/lib/repsheet_visualizer/version.rb +1 -1
  10. metadata +4 -245
  11. data/redesign/actor.html +0 -237
  12. data/redesign/blacklist.html +0 -274
  13. data/redesign/css/App.css +0 -3436
  14. data/redesign/css/Login.css +0 -88
  15. data/redesign/css/bootstrap.min.css +0 -9
  16. data/redesign/css/custom.css +0 -0
  17. data/redesign/css/font-awesome.min.css +0 -395
  18. data/redesign/fonts/FontAwesome.otf +0 -0
  19. data/redesign/fonts/fontawesome-webfont.eot +0 -0
  20. data/redesign/fonts/fontawesome-webfont.svg +0 -414
  21. data/redesign/fonts/fontawesome-webfont.ttf +0 -0
  22. data/redesign/fonts/fontawesome-webfont.woff +0 -0
  23. data/redesign/fonts/glyphicons-halflings-regular.eot +0 -0
  24. data/redesign/fonts/glyphicons-halflings-regular.svg +0 -228
  25. data/redesign/fonts/glyphicons-halflings-regular.ttf +0 -0
  26. data/redesign/fonts/glyphicons-halflings-regular.woff +0 -0
  27. data/redesign/img/jquery/handle-vertical.png +0 -0
  28. data/redesign/img/jquery/handle.png +0 -0
  29. data/redesign/img/layout/sidebar-bg.png +0 -0
  30. data/redesign/img/loaders/ajax-loader.gif +0 -0
  31. data/redesign/img/photos/map.png +0 -0
  32. data/redesign/index.html +0 -333
  33. data/redesign/js/App.js +0 -372
  34. data/redesign/js/Login.js +0 -17
  35. data/redesign/js/demos/buttons.js +0 -7
  36. data/redesign/js/demos/calendar.js +0 -142
  37. data/redesign/js/demos/charts/flot/area.js +0 -73
  38. data/redesign/js/demos/charts/flot/chart1.js +0 -77
  39. data/redesign/js/demos/charts/flot/chart2.js +0 -70
  40. data/redesign/js/demos/charts/flot/chart3.js +0 -71
  41. data/redesign/js/demos/charts/flot/chart4.js +0 -69
  42. data/redesign/js/demos/charts/flot/donut.js +0 -49
  43. data/redesign/js/demos/charts/flot/horizontal.js +0 -56
  44. data/redesign/js/demos/charts/flot/line.js +0 -76
  45. data/redesign/js/demos/charts/flot/pie.js +0 -50
  46. data/redesign/js/demos/charts/flot/scatter.js +0 -62
  47. data/redesign/js/demos/charts/flot/stacked-area.js +0 -86
  48. data/redesign/js/demos/charts/flot/stacked-horizontal.js +0 -60
  49. data/redesign/js/demos/charts/flot/stacked-vertical.js +0 -75
  50. data/redesign/js/demos/charts/flot/vertical.js +0 -70
  51. data/redesign/js/demos/charts/morris/area.js +0 -28
  52. data/redesign/js/demos/charts/morris/bar.js +0 -29
  53. data/redesign/js/demos/charts/morris/donut.js +0 -26
  54. data/redesign/js/demos/charts/morris/line.js +0 -30
  55. data/redesign/js/demos/dashboard.js +0 -26
  56. data/redesign/js/demos/form-extended.js +0 -61
  57. data/redesign/js/demos/popups.js +0 -16
  58. data/redesign/js/demos/pricing.js +0 -10
  59. data/redesign/js/demos/sliders.js +0 -77
  60. data/redesign/js/libs/bootstrap.js +0 -1999
  61. data/redesign/js/libs/bootstrap.min.js +0 -6
  62. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  63. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  64. data/redesign/js/libs/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
  65. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  66. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  67. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  68. data/redesign/js/libs/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  69. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  70. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  71. data/redesign/js/libs/css/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
  72. data/redesign/js/libs/css/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -0
  73. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -0
  74. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -0
  75. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -0
  76. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css +0 -294
  77. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.min.css +0 -7
  78. data/redesign/js/libs/jquery-1.9.1.min.js +0 -5
  79. data/redesign/js/libs/jquery-ui-1.9.2.custom.min.js +0 -6
  80. data/redesign/js/libs/jquery.min.map +0 -1
  81. data/redesign/js/libs/raphael-2.1.2.min.js +0 -11
  82. data/redesign/js/plugins/autosize/jquery.autosize.min.js +0 -7
  83. data/redesign/js/plugins/datatables/DT_bootstrap.js +0 -148
  84. data/redesign/js/plugins/datatables/img/Sorting icons.psd +0 -0
  85. data/redesign/js/plugins/datatables/img/back_disabled.png +0 -0
  86. data/redesign/js/plugins/datatables/img/back_enabled.png +0 -0
  87. data/redesign/js/plugins/datatables/img/back_enabled_hover.png +0 -0
  88. data/redesign/js/plugins/datatables/img/datatable-row-openclose.png +0 -0
  89. data/redesign/js/plugins/datatables/img/favicon.ico +0 -0
  90. data/redesign/js/plugins/datatables/img/forward_disabled.png +0 -0
  91. data/redesign/js/plugins/datatables/img/forward_enabled.png +0 -0
  92. data/redesign/js/plugins/datatables/img/forward_enabled_hover.png +0 -0
  93. data/redesign/js/plugins/datatables/img/sort_asc.png +0 -0
  94. data/redesign/js/plugins/datatables/img/sort_asc_disabled.png +0 -0
  95. data/redesign/js/plugins/datatables/img/sort_both.png +0 -0
  96. data/redesign/js/plugins/datatables/img/sort_desc.png +0 -0
  97. data/redesign/js/plugins/datatables/img/sort_desc_disabled.png +0 -0
  98. data/redesign/js/plugins/datatables/jquery.dataTables.min.js +0 -155
  99. data/redesign/js/plugins/datepicker/bootstrap-datepicker.js +0 -1258
  100. data/redesign/js/plugins/datepicker/datepicker.css +0 -481
  101. data/redesign/js/plugins/datepicker/less/datepicker.less +0 -122
  102. data/redesign/js/plugins/fileupload/bootstrap-fileupload.css +0 -132
  103. data/redesign/js/plugins/fileupload/bootstrap-fileupload.js +0 -169
  104. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.css +0 -31
  105. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.js +0 -7
  106. data/redesign/js/plugins/flot/jquery.flot.js +0 -2599
  107. data/redesign/js/plugins/flot/jquery.flot.orderBars.js +0 -186
  108. data/redesign/js/plugins/flot/jquery.flot.pie.js +0 -750
  109. data/redesign/js/plugins/flot/jquery.flot.resize.js +0 -57
  110. data/redesign/js/plugins/flot/jquery.flot.stack.js +0 -184
  111. data/redesign/js/plugins/flot/jquery.flot.tooltip.min.js +0 -14
  112. data/redesign/js/plugins/fullcalendar/fullcalendar.css +0 -589
  113. data/redesign/js/plugins/fullcalendar/fullcalendar.js +0 -6110
  114. data/redesign/js/plugins/fullcalendar/fullcalendar.min.js +0 -7
  115. data/redesign/js/plugins/fullcalendar/fullcalendar.print.css +0 -32
  116. data/redesign/js/plugins/fullcalendar/gcal.js +0 -107
  117. data/redesign/js/plugins/howl/howl.js +0 -70
  118. data/redesign/js/plugins/howl/howl.min.js +0 -2
  119. data/redesign/js/plugins/icheck/jquery.icheck.js +0 -462
  120. data/redesign/js/plugins/icheck/jquery.icheck.min.js +0 -11
  121. data/redesign/js/plugins/icheck/skins/all.css +0 -61
  122. data/redesign/js/plugins/icheck/skins/flat/_all.css +0 -540
  123. data/redesign/js/plugins/icheck/skins/flat/aero.css +0 -54
  124. data/redesign/js/plugins/icheck/skins/flat/aero.png +0 -0
  125. data/redesign/js/plugins/icheck/skins/flat/aero@2x.png +0 -0
  126. data/redesign/js/plugins/icheck/skins/flat/blue.css +0 -54
  127. data/redesign/js/plugins/icheck/skins/flat/blue.png +0 -0
  128. data/redesign/js/plugins/icheck/skins/flat/blue@2x.png +0 -0
  129. data/redesign/js/plugins/icheck/skins/flat/flat.css +0 -54
  130. data/redesign/js/plugins/icheck/skins/flat/flat.png +0 -0
  131. data/redesign/js/plugins/icheck/skins/flat/flat@2x.png +0 -0
  132. data/redesign/js/plugins/icheck/skins/flat/green.css +0 -54
  133. data/redesign/js/plugins/icheck/skins/flat/green.png +0 -0
  134. data/redesign/js/plugins/icheck/skins/flat/green@2x.png +0 -0
  135. data/redesign/js/plugins/icheck/skins/flat/grey.css +0 -54
  136. data/redesign/js/plugins/icheck/skins/flat/grey.png +0 -0
  137. data/redesign/js/plugins/icheck/skins/flat/grey@2x.png +0 -0
  138. data/redesign/js/plugins/icheck/skins/flat/orange.css +0 -54
  139. data/redesign/js/plugins/icheck/skins/flat/orange.png +0 -0
  140. data/redesign/js/plugins/icheck/skins/flat/orange@2x.png +0 -0
  141. data/redesign/js/plugins/icheck/skins/flat/pink.css +0 -54
  142. data/redesign/js/plugins/icheck/skins/flat/pink.png +0 -0
  143. data/redesign/js/plugins/icheck/skins/flat/pink@2x.png +0 -0
  144. data/redesign/js/plugins/icheck/skins/flat/purple.css +0 -54
  145. data/redesign/js/plugins/icheck/skins/flat/purple.png +0 -0
  146. data/redesign/js/plugins/icheck/skins/flat/purple@2x.png +0 -0
  147. data/redesign/js/plugins/icheck/skins/flat/red.css +0 -54
  148. data/redesign/js/plugins/icheck/skins/flat/red.png +0 -0
  149. data/redesign/js/plugins/icheck/skins/flat/red@2x.png +0 -0
  150. data/redesign/js/plugins/icheck/skins/flat/yellow.css +0 -54
  151. data/redesign/js/plugins/icheck/skins/flat/yellow.png +0 -0
  152. data/redesign/js/plugins/icheck/skins/flat/yellow@2x.png +0 -0
  153. data/redesign/js/plugins/icheck/skins/futurico/futurico.css +0 -54
  154. data/redesign/js/plugins/icheck/skins/futurico/futurico.png +0 -0
  155. data/redesign/js/plugins/icheck/skins/futurico/futurico@2x.png +0 -0
  156. data/redesign/js/plugins/icheck/skins/line/_all.css +0 -740
  157. data/redesign/js/plugins/icheck/skins/line/aero.css +0 -74
  158. data/redesign/js/plugins/icheck/skins/line/blue.css +0 -74
  159. data/redesign/js/plugins/icheck/skins/line/green.css +0 -74
  160. data/redesign/js/plugins/icheck/skins/line/grey.css +0 -74
  161. data/redesign/js/plugins/icheck/skins/line/line.css +0 -74
  162. data/redesign/js/plugins/icheck/skins/line/line.png +0 -0
  163. data/redesign/js/plugins/icheck/skins/line/line@2x.png +0 -0
  164. data/redesign/js/plugins/icheck/skins/line/orange.css +0 -74
  165. data/redesign/js/plugins/icheck/skins/line/pink.css +0 -74
  166. data/redesign/js/plugins/icheck/skins/line/purple.css +0 -74
  167. data/redesign/js/plugins/icheck/skins/line/red.css +0 -74
  168. data/redesign/js/plugins/icheck/skins/line/yellow.css +0 -74
  169. data/redesign/js/plugins/icheck/skins/minimal/_all.css +0 -600
  170. data/redesign/js/plugins/icheck/skins/minimal/aero.css +0 -60
  171. data/redesign/js/plugins/icheck/skins/minimal/aero.png +0 -0
  172. data/redesign/js/plugins/icheck/skins/minimal/aero@2x.png +0 -0
  173. data/redesign/js/plugins/icheck/skins/minimal/blue.css +0 -60
  174. data/redesign/js/plugins/icheck/skins/minimal/blue.png +0 -0
  175. data/redesign/js/plugins/icheck/skins/minimal/blue@2x.png +0 -0
  176. data/redesign/js/plugins/icheck/skins/minimal/green.css +0 -60
  177. data/redesign/js/plugins/icheck/skins/minimal/green.png +0 -0
  178. data/redesign/js/plugins/icheck/skins/minimal/green@2x.png +0 -0
  179. data/redesign/js/plugins/icheck/skins/minimal/grey.css +0 -60
  180. data/redesign/js/plugins/icheck/skins/minimal/grey.png +0 -0
  181. data/redesign/js/plugins/icheck/skins/minimal/grey@2x.png +0 -0
  182. data/redesign/js/plugins/icheck/skins/minimal/minimal.css +0 -60
  183. data/redesign/js/plugins/icheck/skins/minimal/minimal.png +0 -0
  184. data/redesign/js/plugins/icheck/skins/minimal/minimal@2x.png +0 -0
  185. data/redesign/js/plugins/icheck/skins/minimal/orange.css +0 -60
  186. data/redesign/js/plugins/icheck/skins/minimal/orange.png +0 -0
  187. data/redesign/js/plugins/icheck/skins/minimal/orange@2x.png +0 -0
  188. data/redesign/js/plugins/icheck/skins/minimal/pink.css +0 -60
  189. data/redesign/js/plugins/icheck/skins/minimal/pink.png +0 -0
  190. data/redesign/js/plugins/icheck/skins/minimal/pink@2x.png +0 -0
  191. data/redesign/js/plugins/icheck/skins/minimal/purple.css +0 -60
  192. data/redesign/js/plugins/icheck/skins/minimal/purple.png +0 -0
  193. data/redesign/js/plugins/icheck/skins/minimal/purple@2x.png +0 -0
  194. data/redesign/js/plugins/icheck/skins/minimal/red.css +0 -60
  195. data/redesign/js/plugins/icheck/skins/minimal/red.png +0 -0
  196. data/redesign/js/plugins/icheck/skins/minimal/red@2x.png +0 -0
  197. data/redesign/js/plugins/icheck/skins/minimal/yellow.css +0 -60
  198. data/redesign/js/plugins/icheck/skins/minimal/yellow.png +0 -0
  199. data/redesign/js/plugins/icheck/skins/minimal/yellow@2x.png +0 -0
  200. data/redesign/js/plugins/icheck/skins/polaris/polaris.css +0 -60
  201. data/redesign/js/plugins/icheck/skins/polaris/polaris.png +0 -0
  202. data/redesign/js/plugins/icheck/skins/polaris/polaris@2x.png +0 -0
  203. data/redesign/js/plugins/icheck/skins/square/_all.css +0 -600
  204. data/redesign/js/plugins/icheck/skins/square/aero.css +0 -60
  205. data/redesign/js/plugins/icheck/skins/square/aero.png +0 -0
  206. data/redesign/js/plugins/icheck/skins/square/aero@2x.png +0 -0
  207. data/redesign/js/plugins/icheck/skins/square/blue.css +0 -60
  208. data/redesign/js/plugins/icheck/skins/square/blue.png +0 -0
  209. data/redesign/js/plugins/icheck/skins/square/blue@2x.png +0 -0
  210. data/redesign/js/plugins/icheck/skins/square/green.css +0 -60
  211. data/redesign/js/plugins/icheck/skins/square/green.png +0 -0
  212. data/redesign/js/plugins/icheck/skins/square/green@2x.png +0 -0
  213. data/redesign/js/plugins/icheck/skins/square/grey.css +0 -60
  214. data/redesign/js/plugins/icheck/skins/square/grey.png +0 -0
  215. data/redesign/js/plugins/icheck/skins/square/grey@2x.png +0 -0
  216. data/redesign/js/plugins/icheck/skins/square/orange.css +0 -60
  217. data/redesign/js/plugins/icheck/skins/square/orange.png +0 -0
  218. data/redesign/js/plugins/icheck/skins/square/orange@2x.png +0 -0
  219. data/redesign/js/plugins/icheck/skins/square/pink.css +0 -60
  220. data/redesign/js/plugins/icheck/skins/square/pink.png +0 -0
  221. data/redesign/js/plugins/icheck/skins/square/pink@2x.png +0 -0
  222. data/redesign/js/plugins/icheck/skins/square/purple.css +0 -60
  223. data/redesign/js/plugins/icheck/skins/square/purple.png +0 -0
  224. data/redesign/js/plugins/icheck/skins/square/purple@2x.png +0 -0
  225. data/redesign/js/plugins/icheck/skins/square/red.css +0 -60
  226. data/redesign/js/plugins/icheck/skins/square/red.png +0 -0
  227. data/redesign/js/plugins/icheck/skins/square/red@2x.png +0 -0
  228. data/redesign/js/plugins/icheck/skins/square/square.css +0 -60
  229. data/redesign/js/plugins/icheck/skins/square/square.png +0 -0
  230. data/redesign/js/plugins/icheck/skins/square/square@2x.png +0 -0
  231. data/redesign/js/plugins/icheck/skins/square/yellow.css +0 -60
  232. data/redesign/js/plugins/icheck/skins/square/yellow.png +0 -0
  233. data/redesign/js/plugins/icheck/skins/square/yellow@2x.png +0 -0
  234. data/redesign/js/plugins/magnific/jquery.magnific-popup.js +0 -2026
  235. data/redesign/js/plugins/magnific/jquery.magnific-popup.min.js +0 -4
  236. data/redesign/js/plugins/magnific/magnific-popup.css +0 -396
  237. data/redesign/js/plugins/morris/morris.css +0 -1
  238. data/redesign/js/plugins/morris/morris.min.js +0 -1
  239. data/redesign/js/plugins/parsley/parsley.js +0 -1363
  240. data/redesign/js/plugins/select2/select2-spinner.gif +0 -0
  241. data/redesign/js/plugins/select2/select2.css +0 -615
  242. data/redesign/js/plugins/select2/select2.js +0 -3217
  243. data/redesign/js/plugins/select2/select2.min.js +0 -22
  244. data/redesign/js/plugins/select2/select2.png +0 -0
  245. data/redesign/js/plugins/select2/select2x2.png +0 -0
  246. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.css +0 -98
  247. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.js +0 -211
  248. data/redesign/js/plugins/sparkline/jquery.sparkline.min.js +0 -5
  249. data/redesign/js/plugins/tableCheckable/jquery.tableCheckable.js +0 -122
  250. data/redesign/js/plugins/textarea-counter/jquery.textarea-counter.js +0 -163
  251. data/redesign/js/plugins/timepicker/bootstrap-timepicker.css +0 -121
  252. data/redesign/js/plugins/timepicker/bootstrap-timepicker.js +0 -893
  253. data/redesign/suspects.html +0 -273
  254. data/redesign/whitelist.html +0 -273
@@ -1,186 +0,0 @@
1
- /*
2
- * Flot plugin to order bars side by side.
3
- *
4
- * Released under the MIT license by Benjamin BUFFET, 20-Sep-2010.
5
- *
6
- * This plugin is an alpha version.
7
- *
8
- * To activate the plugin you must specify the parameter "order" for the specific serie :
9
- *
10
- * $.plot($("#placeholder"), [{ data: [ ... ], bars :{ order = null or integer }])
11
- *
12
- * If 2 series have the same order param, they are ordered by the position in the array;
13
- *
14
- * The plugin adjust the point by adding a value depanding of the barwidth
15
- * Exemple for 3 series (barwidth : 0.1) :
16
- *
17
- * first bar d�calage : -0.15
18
- * second bar d�calage : -0.05
19
- * third bar d�calage : 0.05
20
- *
21
- */
22
-
23
- (function($){
24
- function init(plot){
25
- var orderedBarSeries;
26
- var nbOfBarsToOrder;
27
- var borderWidth;
28
- var borderWidthInXabsWidth;
29
- var pixelInXWidthEquivalent = 1;
30
- var isHorizontal = false;
31
-
32
- /*
33
- * This method add shift to x values
34
- */
35
- function reOrderBars(plot, serie, datapoints){
36
- var shiftedPoints = null;
37
-
38
- if(serieNeedToBeReordered(serie)){
39
- checkIfGraphIsHorizontal(serie);
40
- calculPixel2XWidthConvert(plot);
41
- retrieveBarSeries(plot);
42
- calculBorderAndBarWidth(serie);
43
-
44
- if(nbOfBarsToOrder >= 2){
45
- var position = findPosition(serie);
46
- var decallage = 0;
47
-
48
- var centerBarShift = calculCenterBarShift();
49
-
50
- if (isBarAtLeftOfCenter(position)){
51
- decallage = -1*(sumWidth(orderedBarSeries,position-1,Math.floor(nbOfBarsToOrder / 2)-1)) - centerBarShift;
52
- }else{
53
- decallage = sumWidth(orderedBarSeries,Math.ceil(nbOfBarsToOrder / 2),position-2) + centerBarShift + borderWidthInXabsWidth*2;
54
- }
55
-
56
- shiftedPoints = shiftPoints(datapoints,serie,decallage);
57
- datapoints.points = shiftedPoints;
58
- }
59
- }
60
- return shiftedPoints;
61
- }
62
-
63
- function serieNeedToBeReordered(serie){
64
- return serie.bars != null
65
- && serie.bars.show
66
- && serie.bars.order != null;
67
- }
68
-
69
- function calculPixel2XWidthConvert(plot){
70
- var gridDimSize = isHorizontal ? plot.getPlaceholder().innerHeight() : plot.getPlaceholder().innerWidth();
71
- var minMaxValues = isHorizontal ? getAxeMinMaxValues(plot.getData(),1) : getAxeMinMaxValues(plot.getData(),0);
72
- var AxeSize = minMaxValues[1] - minMaxValues[0];
73
- pixelInXWidthEquivalent = AxeSize / gridDimSize;
74
- }
75
-
76
- function getAxeMinMaxValues(series,AxeIdx){
77
- var minMaxValues = new Array();
78
- for(var i = 0; i < series.length; i++){
79
- minMaxValues[0] = series[i].data[0][AxeIdx];
80
- minMaxValues[1] = series[i].data[series[i].data.length - 1][AxeIdx];
81
- }
82
- return minMaxValues;
83
- }
84
-
85
- function retrieveBarSeries(plot){
86
- orderedBarSeries = findOthersBarsToReOrders(plot.getData());
87
- nbOfBarsToOrder = orderedBarSeries.length;
88
- }
89
-
90
- function findOthersBarsToReOrders(series){
91
- var retSeries = new Array();
92
-
93
- for(var i = 0; i < series.length; i++){
94
- if(series[i].bars.order != null && series[i].bars.show){
95
- retSeries.push(series[i]);
96
- }
97
- }
98
-
99
- return retSeries.sort(sortByOrder);
100
- }
101
-
102
- function sortByOrder(serie1,serie2){
103
- var x = serie1.bars.order;
104
- var y = serie2.bars.order;
105
- return ((x < y) ? -1 : ((x > y) ? 1 : 0));
106
- }
107
-
108
- function calculBorderAndBarWidth(serie){
109
- borderWidth = serie.bars.lineWidth ? serie.bars.lineWidth : 2;
110
- borderWidthInXabsWidth = borderWidth * pixelInXWidthEquivalent;
111
- }
112
-
113
- function checkIfGraphIsHorizontal(serie){
114
- if(serie.bars.horizontal){
115
- isHorizontal = true;
116
- }
117
- }
118
-
119
- function findPosition(serie){
120
- var pos = 0
121
- for (var i = 0; i < orderedBarSeries.length; ++i) {
122
- if (serie == orderedBarSeries[i]){
123
- pos = i;
124
- break;
125
- }
126
- }
127
-
128
- return pos+1;
129
- }
130
-
131
- function calculCenterBarShift(){
132
- var width = 0;
133
-
134
- if(nbOfBarsToOrder%2 != 0)
135
- width = (orderedBarSeries[Math.ceil(nbOfBarsToOrder / 2)].bars.barWidth)/2;
136
-
137
- return width;
138
- }
139
-
140
- function isBarAtLeftOfCenter(position){
141
- return position <= Math.ceil(nbOfBarsToOrder / 2);
142
- }
143
-
144
- function sumWidth(series,start,end){
145
- var totalWidth = 0;
146
-
147
- for(var i = start; i <= end; i++){
148
- totalWidth += series[i].bars.barWidth+borderWidthInXabsWidth*2;
149
- }
150
-
151
- return totalWidth;
152
- }
153
-
154
- function shiftPoints(datapoints,serie,dx){
155
- var ps = datapoints.pointsize;
156
- var points = datapoints.points;
157
- var j = 0;
158
- for(var i = isHorizontal ? 1 : 0;i < points.length; i += ps){
159
- points[i] += dx;
160
- //Adding the new x value in the serie to be abble to display the right tooltip value,
161
- //using the index 3 to not overide the third index.
162
- serie.data[j][3] = points[i];
163
- j++;
164
- }
165
-
166
- return points;
167
- }
168
-
169
- plot.hooks.processDatapoints.push(reOrderBars);
170
-
171
- }
172
-
173
- var options = {
174
- series : {
175
- bars: {order: null} // or number/string
176
- }
177
- };
178
-
179
- $.plot.plugins.push({
180
- init: init,
181
- options: options,
182
- name: "orderBars",
183
- version: "0.2"
184
- });
185
-
186
- })(jQuery)
@@ -1,750 +0,0 @@
1
- /*
2
- Flot plugin for rendering pie charts. The plugin assumes the data is
3
- coming is as a single data value for each series, and each of those
4
- values is a positive value or zero (negative numbers don't make
5
- any sense and will cause strange effects). The data values do
6
- NOT need to be passed in as percentage values because it
7
- internally calculates the total and percentages.
8
-
9
- * Created by Brian Medendorp, June 2009
10
- * Updated November 2009 with contributions from: btburnett3, Anthony Aragues and Xavi Ivars
11
-
12
- * Changes:
13
- 2009-10-22: lineJoin set to round
14
- 2009-10-23: IE full circle fix, donut
15
- 2009-11-11: Added basic hover from btburnett3 - does not work in IE, and center is off in Chrome and Opera
16
- 2009-11-17: Added IE hover capability submitted by Anthony Aragues
17
- 2009-11-18: Added bug fix submitted by Xavi Ivars (issues with arrays when other JS libraries are included as well)
18
-
19
-
20
- Available options are:
21
- series: {
22
- pie: {
23
- show: true/false
24
- radius: 0-1 for percentage of fullsize, or a specified pixel length, or 'auto'
25
- innerRadius: 0-1 for percentage of fullsize or a specified pixel length, for creating a donut effect
26
- startAngle: 0-2 factor of PI used for starting angle (in radians) i.e 3/2 starts at the top, 0 and 2 have the same result
27
- tilt: 0-1 for percentage to tilt the pie, where 1 is no tilt, and 0 is completely flat (nothing will show)
28
- offset: {
29
- top: integer value to move the pie up or down
30
- left: integer value to move the pie left or right, or 'auto'
31
- },
32
- stroke: {
33
- color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#FFF')
34
- width: integer pixel width of the stroke
35
- },
36
- label: {
37
- show: true/false, or 'auto'
38
- formatter: a user-defined function that modifies the text/style of the label text
39
- radius: 0-1 for percentage of fullsize, or a specified pixel length
40
- background: {
41
- color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#000')
42
- opacity: 0-1
43
- },
44
- threshold: 0-1 for the percentage value at which to hide labels (if they're too small)
45
- },
46
- combine: {
47
- threshold: 0-1 for the percentage value at which to combine slices (if they're too small)
48
- color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#CCC'), if null, the plugin will automatically use the color of the first slice to be combined
49
- label: any text value of what the combined slice should be labeled
50
- }
51
- highlight: {
52
- opacity: 0-1
53
- }
54
- }
55
- }
56
-
57
- More detail and specific examples can be found in the included HTML file.
58
-
59
- */
60
-
61
- (function ($)
62
- {
63
- function init(plot) // this is the "body" of the plugin
64
- {
65
- var canvas = null;
66
- var target = null;
67
- var maxRadius = null;
68
- var centerLeft = null;
69
- var centerTop = null;
70
- var total = 0;
71
- var redraw = true;
72
- var redrawAttempts = 10;
73
- var shrink = 0.95;
74
- var legendWidth = 0;
75
- var processed = false;
76
- var raw = false;
77
-
78
- // interactive variables
79
- var highlights = [];
80
-
81
- // add hook to determine if pie plugin in enabled, and then perform necessary operations
82
- plot.hooks.processOptions.push(checkPieEnabled);
83
- plot.hooks.bindEvents.push(bindEvents);
84
-
85
- // check to see if the pie plugin is enabled
86
- function checkPieEnabled(plot, options)
87
- {
88
- if (options.series.pie.show)
89
- {
90
- //disable grid
91
- options.grid.show = false;
92
-
93
- // set labels.show
94
- if (options.series.pie.label.show=='auto')
95
- if (options.legend.show)
96
- options.series.pie.label.show = false;
97
- else
98
- options.series.pie.label.show = true;
99
-
100
- // set radius
101
- if (options.series.pie.radius=='auto')
102
- if (options.series.pie.label.show)
103
- options.series.pie.radius = 3/4;
104
- else
105
- options.series.pie.radius = 1;
106
-
107
- // ensure sane tilt
108
- if (options.series.pie.tilt>1)
109
- options.series.pie.tilt=1;
110
- if (options.series.pie.tilt<0)
111
- options.series.pie.tilt=0;
112
-
113
- // add processData hook to do transformations on the data
114
- plot.hooks.processDatapoints.push(processDatapoints);
115
- plot.hooks.drawOverlay.push(drawOverlay);
116
-
117
- // add draw hook
118
- plot.hooks.draw.push(draw);
119
- }
120
- }
121
-
122
- // bind hoverable events
123
- function bindEvents(plot, eventHolder)
124
- {
125
- var options = plot.getOptions();
126
-
127
- if (options.series.pie.show && options.grid.hoverable)
128
- eventHolder.unbind('mousemove').mousemove(onMouseMove);
129
-
130
- if (options.series.pie.show && options.grid.clickable)
131
- eventHolder.unbind('click').click(onClick);
132
- }
133
-
134
-
135
- // debugging function that prints out an object
136
- function alertObject(obj)
137
- {
138
- var msg = '';
139
- function traverse(obj, depth)
140
- {
141
- if (!depth)
142
- depth = 0;
143
- for (var i = 0; i < obj.length; ++i)
144
- {
145
- for (var j=0; j<depth; j++)
146
- msg += '\t';
147
-
148
- if( typeof obj[i] == "object")
149
- { // its an object
150
- msg += ''+i+':\n';
151
- traverse(obj[i], depth+1);
152
- }
153
- else
154
- { // its a value
155
- msg += ''+i+': '+obj[i]+'\n';
156
- }
157
- }
158
- }
159
- traverse(obj);
160
- alert(msg);
161
- }
162
-
163
- function calcTotal(data)
164
- {
165
- for (var i = 0; i < data.length; ++i)
166
- {
167
- var item = parseFloat(data[i].data[0][1]);
168
- if (item)
169
- total += item;
170
- }
171
- }
172
-
173
- function processDatapoints(plot, series, data, datapoints)
174
- {
175
- if (!processed)
176
- {
177
- processed = true;
178
-
179
- canvas = plot.getCanvas();
180
- target = $(canvas).parent();
181
- options = plot.getOptions();
182
-
183
- plot.setData(combine(plot.getData()));
184
- }
185
- }
186
-
187
- function setupPie()
188
- {
189
- legendWidth = target.children().filter('.legend').children().width();
190
-
191
- // calculate maximum radius and center point
192
- maxRadius = Math.min(canvas.width,(canvas.height/options.series.pie.tilt))/2;
193
- centerTop = (canvas.height/2)+options.series.pie.offset.top;
194
- centerLeft = (canvas.width/2);
195
-
196
- if (options.series.pie.offset.left=='auto')
197
- if (options.legend.position.match('w'))
198
- centerLeft += legendWidth/2;
199
- else
200
- centerLeft -= legendWidth/2;
201
- else
202
- centerLeft += options.series.pie.offset.left;
203
-
204
- if (centerLeft<maxRadius)
205
- centerLeft = maxRadius;
206
- else if (centerLeft>canvas.width-maxRadius)
207
- centerLeft = canvas.width-maxRadius;
208
- }
209
-
210
- function fixData(data)
211
- {
212
- for (var i = 0; i < data.length; ++i)
213
- {
214
- if (typeof(data[i].data)=='number')
215
- data[i].data = [[1,data[i].data]];
216
- else if (typeof(data[i].data)=='undefined' || typeof(data[i].data[0])=='undefined')
217
- {
218
- if (typeof(data[i].data)!='undefined' && typeof(data[i].data.label)!='undefined')
219
- data[i].label = data[i].data.label; // fix weirdness coming from flot
220
- data[i].data = [[1,0]];
221
-
222
- }
223
- }
224
- return data;
225
- }
226
-
227
- function combine(data)
228
- {
229
- data = fixData(data);
230
- calcTotal(data);
231
- var combined = 0;
232
- var numCombined = 0;
233
- var color = options.series.pie.combine.color;
234
-
235
- var newdata = [];
236
- for (var i = 0; i < data.length; ++i)
237
- {
238
- // make sure its a number
239
- data[i].data[0][1] = parseFloat(data[i].data[0][1]);
240
- if (!data[i].data[0][1])
241
- data[i].data[0][1] = 0;
242
-
243
- if (data[i].data[0][1]/total<=options.series.pie.combine.threshold)
244
- {
245
- combined += data[i].data[0][1];
246
- numCombined++;
247
- if (!color)
248
- color = data[i].color;
249
- }
250
- else
251
- {
252
- newdata.push({
253
- data: [[1,data[i].data[0][1]]],
254
- color: data[i].color,
255
- label: data[i].label,
256
- angle: (data[i].data[0][1]*(Math.PI*2))/total,
257
- percent: (data[i].data[0][1]/total*100)
258
- });
259
- }
260
- }
261
- if (numCombined>0)
262
- newdata.push({
263
- data: [[1,combined]],
264
- color: color,
265
- label: options.series.pie.combine.label,
266
- angle: (combined*(Math.PI*2))/total,
267
- percent: (combined/total*100)
268
- });
269
- return newdata;
270
- }
271
-
272
- function draw(plot, newCtx)
273
- {
274
- if (!target) return; // if no series were passed
275
- ctx = newCtx;
276
-
277
- setupPie();
278
- var slices = plot.getData();
279
-
280
- var attempts = 0;
281
- while (redraw && attempts<redrawAttempts)
282
- {
283
- redraw = false;
284
- if (attempts>0)
285
- maxRadius *= shrink;
286
- attempts += 1;
287
- clear();
288
- if (options.series.pie.tilt<=0.8)
289
- drawShadow();
290
- drawPie();
291
- }
292
- if (attempts >= redrawAttempts) {
293
- clear();
294
- target.prepend('<div class="error">Could not draw pie with labels contained inside canvas</div>');
295
- }
296
-
297
- if ( plot.setSeries && plot.insertLegend )
298
- {
299
- plot.setSeries(slices);
300
- plot.insertLegend();
301
- }
302
-
303
- // we're actually done at this point, just defining internal functions at this point
304
-
305
- function clear()
306
- {
307
- ctx.clearRect(0,0,canvas.width,canvas.height);
308
- target.children().filter('.pieLabel, .pieLabelBackground').remove();
309
- }
310
-
311
- function drawShadow()
312
- {
313
- var shadowLeft = 5;
314
- var shadowTop = 15;
315
- var edge = 10;
316
- var alpha = 0.02;
317
-
318
- // set radius
319
- if (options.series.pie.radius>1)
320
- var radius = options.series.pie.radius;
321
- else
322
- var radius = maxRadius * options.series.pie.radius;
323
-
324
- if (radius>=(canvas.width/2)-shadowLeft || radius*options.series.pie.tilt>=(canvas.height/2)-shadowTop || radius<=edge)
325
- return; // shadow would be outside canvas, so don't draw it
326
-
327
- ctx.save();
328
- ctx.translate(shadowLeft,shadowTop);
329
- ctx.globalAlpha = alpha;
330
- ctx.fillStyle = '#000';
331
-
332
- // center and rotate to starting position
333
- ctx.translate(centerLeft,centerTop);
334
- ctx.scale(1, options.series.pie.tilt);
335
-
336
- //radius -= edge;
337
- for (var i=1; i<=edge; i++)
338
- {
339
- ctx.beginPath();
340
- ctx.arc(0,0,radius,0,Math.PI*2,false);
341
- ctx.fill();
342
- radius -= i;
343
- }
344
-
345
- ctx.restore();
346
- }
347
-
348
- function drawPie()
349
- {
350
- startAngle = Math.PI*options.series.pie.startAngle;
351
-
352
- // set radius
353
- if (options.series.pie.radius>1)
354
- var radius = options.series.pie.radius;
355
- else
356
- var radius = maxRadius * options.series.pie.radius;
357
-
358
- // center and rotate to starting position
359
- ctx.save();
360
- ctx.translate(centerLeft,centerTop);
361
- ctx.scale(1, options.series.pie.tilt);
362
- //ctx.rotate(startAngle); // start at top; -- This doesn't work properly in Opera
363
-
364
- // draw slices
365
- ctx.save();
366
- var currentAngle = startAngle;
367
- for (var i = 0; i < slices.length; ++i)
368
- {
369
- slices[i].startAngle = currentAngle;
370
- drawSlice(slices[i].angle, slices[i].color, true);
371
- }
372
- ctx.restore();
373
-
374
- // draw slice outlines
375
- ctx.save();
376
- ctx.lineWidth = options.series.pie.stroke.width;
377
- currentAngle = startAngle;
378
- for (var i = 0; i < slices.length; ++i)
379
- drawSlice(slices[i].angle, options.series.pie.stroke.color, false);
380
- ctx.restore();
381
-
382
- // draw donut hole
383
- drawDonutHole(ctx);
384
-
385
- // draw labels
386
- if (options.series.pie.label.show)
387
- drawLabels();
388
-
389
- // restore to original state
390
- ctx.restore();
391
-
392
- function drawSlice(angle, color, fill)
393
- {
394
- if (angle<=0)
395
- return;
396
-
397
- if (fill)
398
- ctx.fillStyle = color;
399
- else
400
- {
401
- ctx.strokeStyle = color;
402
- ctx.lineJoin = 'round';
403
- }
404
-
405
- ctx.beginPath();
406
- if (Math.abs(angle - Math.PI*2) > 0.000000001)
407
- ctx.moveTo(0,0); // Center of the pie
408
- else if ($.browser.msie)
409
- angle -= 0.0001;
410
- //ctx.arc(0,0,radius,0,angle,false); // This doesn't work properly in Opera
411
- ctx.arc(0,0,radius,currentAngle,currentAngle+angle,false);
412
- ctx.closePath();
413
- //ctx.rotate(angle); // This doesn't work properly in Opera
414
- currentAngle += angle;
415
-
416
- if (fill)
417
- ctx.fill();
418
- else
419
- ctx.stroke();
420
- }
421
-
422
- function drawLabels()
423
- {
424
- var currentAngle = startAngle;
425
-
426
- // set radius
427
- if (options.series.pie.label.radius>1)
428
- var radius = options.series.pie.label.radius;
429
- else
430
- var radius = maxRadius * options.series.pie.label.radius;
431
-
432
- for (var i = 0; i < slices.length; ++i)
433
- {
434
- if (slices[i].percent >= options.series.pie.label.threshold*100)
435
- drawLabel(slices[i], currentAngle, i);
436
- currentAngle += slices[i].angle;
437
- }
438
-
439
- function drawLabel(slice, startAngle, index)
440
- {
441
- if (slice.data[0][1]==0)
442
- return;
443
-
444
- // format label text
445
- var lf = options.legend.labelFormatter, text, plf = options.series.pie.label.formatter;
446
- if (lf)
447
- text = lf(slice.label, slice);
448
- else
449
- text = slice.label;
450
- if (plf)
451
- text = plf(text, slice);
452
-
453
- var halfAngle = ((startAngle+slice.angle) + startAngle)/2;
454
- var x = centerLeft + Math.round(Math.cos(halfAngle) * radius);
455
- var y = centerTop + Math.round(Math.sin(halfAngle) * radius) * options.series.pie.tilt;
456
-
457
- var html = '<span class="pieLabel" id="pieLabel'+index+'" style="position:absolute;top:' + y + 'px;left:' + x + 'px;">' + text + "</span>";
458
- target.append(html);
459
- var label = target.children('#pieLabel'+index);
460
- var labelTop = (y - label.height()/2);
461
- var labelLeft = (x - label.width()/2);
462
- label.css('top', labelTop);
463
- label.css('left', labelLeft);
464
-
465
- // check to make sure that the label is not outside the canvas
466
- if (0-labelTop>0 || 0-labelLeft>0 || canvas.height-(labelTop+label.height())<0 || canvas.width-(labelLeft+label.width())<0)
467
- redraw = true;
468
-
469
- if (options.series.pie.label.background.opacity != 0) {
470
- // put in the transparent background separately to avoid blended labels and label boxes
471
- var c = options.series.pie.label.background.color;
472
- if (c == null) {
473
- c = slice.color;
474
- }
475
- var pos = 'top:'+labelTop+'px;left:'+labelLeft+'px;';
476
- $('<div class="pieLabelBackground" style="position:absolute;width:' + label.width() + 'px;height:' + label.height() + 'px;' + pos +'background-color:' + c + ';"> </div>').insertBefore(label).css('opacity', options.series.pie.label.background.opacity);
477
- }
478
- } // end individual label function
479
- } // end drawLabels function
480
- } // end drawPie function
481
- } // end draw function
482
-
483
- // Placed here because it needs to be accessed from multiple locations
484
- function drawDonutHole(layer)
485
- {
486
- // draw donut hole
487
- if(options.series.pie.innerRadius > 0)
488
- {
489
- // subtract the center
490
- layer.save();
491
- innerRadius = options.series.pie.innerRadius > 1 ? options.series.pie.innerRadius : maxRadius * options.series.pie.innerRadius;
492
- layer.globalCompositeOperation = 'destination-out'; // this does not work with excanvas, but it will fall back to using the stroke color
493
- layer.beginPath();
494
- layer.fillStyle = options.series.pie.stroke.color;
495
- layer.arc(0,0,innerRadius,0,Math.PI*2,false);
496
- layer.fill();
497
- layer.closePath();
498
- layer.restore();
499
-
500
- // add inner stroke
501
- layer.save();
502
- layer.beginPath();
503
- layer.strokeStyle = options.series.pie.stroke.color;
504
- layer.arc(0,0,innerRadius,0,Math.PI*2,false);
505
- layer.stroke();
506
- layer.closePath();
507
- layer.restore();
508
- // TODO: add extra shadow inside hole (with a mask) if the pie is tilted.
509
- }
510
- }
511
-
512
- //-- Additional Interactive related functions --
513
-
514
- function isPointInPoly(poly, pt)
515
- {
516
- for(var c = false, i = -1, l = poly.length, j = l - 1; ++i < l; j = i)
517
- ((poly[i][1] <= pt[1] && pt[1] < poly[j][1]) || (poly[j][1] <= pt[1] && pt[1]< poly[i][1]))
518
- && (pt[0] < (poly[j][0] - poly[i][0]) * (pt[1] - poly[i][1]) / (poly[j][1] - poly[i][1]) + poly[i][0])
519
- && (c = !c);
520
- return c;
521
- }
522
-
523
- function findNearbySlice(mouseX, mouseY)
524
- {
525
- var slices = plot.getData(),
526
- options = plot.getOptions(),
527
- radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
528
-
529
- for (var i = 0; i < slices.length; ++i)
530
- {
531
- var s = slices[i];
532
-
533
- if(s.pie.show)
534
- {
535
- ctx.save();
536
- ctx.beginPath();
537
- ctx.moveTo(0,0); // Center of the pie
538
- //ctx.scale(1, options.series.pie.tilt); // this actually seems to break everything when here.
539
- ctx.arc(0,0,radius,s.startAngle,s.startAngle+s.angle,false);
540
- ctx.closePath();
541
- x = mouseX-centerLeft;
542
- y = mouseY-centerTop;
543
- if(ctx.isPointInPath)
544
- {
545
- if (ctx.isPointInPath(mouseX-centerLeft, mouseY-centerTop))
546
- {
547
- //alert('found slice!');
548
- ctx.restore();
549
- return {datapoint: [s.percent, s.data], dataIndex: 0, series: s, seriesIndex: i};
550
- }
551
- }
552
- else
553
- {
554
- // excanvas for IE doesn;t support isPointInPath, this is a workaround.
555
- p1X = (radius * Math.cos(s.startAngle));
556
- p1Y = (radius * Math.sin(s.startAngle));
557
- p2X = (radius * Math.cos(s.startAngle+(s.angle/4)));
558
- p2Y = (radius * Math.sin(s.startAngle+(s.angle/4)));
559
- p3X = (radius * Math.cos(s.startAngle+(s.angle/2)));
560
- p3Y = (radius * Math.sin(s.startAngle+(s.angle/2)));
561
- p4X = (radius * Math.cos(s.startAngle+(s.angle/1.5)));
562
- p4Y = (radius * Math.sin(s.startAngle+(s.angle/1.5)));
563
- p5X = (radius * Math.cos(s.startAngle+s.angle));
564
- p5Y = (radius * Math.sin(s.startAngle+s.angle));
565
- arrPoly = [[0,0],[p1X,p1Y],[p2X,p2Y],[p3X,p3Y],[p4X,p4Y],[p5X,p5Y]];
566
- arrPoint = [x,y];
567
- // TODO: perhaps do some mathmatical trickery here with the Y-coordinate to compensate for pie tilt?
568
- if(isPointInPoly(arrPoly, arrPoint))
569
- {
570
- ctx.restore();
571
- return {datapoint: [s.percent, s.data], dataIndex: 0, series: s, seriesIndex: i};
572
- }
573
- }
574
- ctx.restore();
575
- }
576
- }
577
-
578
- return null;
579
- }
580
-
581
- function onMouseMove(e)
582
- {
583
- triggerClickHoverEvent('plothover', e);
584
- }
585
-
586
- function onClick(e)
587
- {
588
- triggerClickHoverEvent('plotclick', e);
589
- }
590
-
591
- // trigger click or hover event (they send the same parameters so we share their code)
592
- function triggerClickHoverEvent(eventname, e)
593
- {
594
- var offset = plot.offset(),
595
- canvasX = parseInt(e.pageX - offset.left),
596
- canvasY = parseInt(e.pageY - offset.top),
597
- item = findNearbySlice(canvasX, canvasY);
598
-
599
- if (options.grid.autoHighlight)
600
- {
601
- // clear auto-highlights
602
- for (var i = 0; i < highlights.length; ++i)
603
- {
604
- var h = highlights[i];
605
- if (h.auto == eventname && !(item && h.series == item.series))
606
- unhighlight(h.series);
607
- }
608
- }
609
-
610
- // highlight the slice
611
- if (item)
612
- highlight(item.series, eventname);
613
-
614
- // trigger any hover bind events
615
- var pos = { pageX: e.pageX, pageY: e.pageY };
616
- target.trigger(eventname, [ pos, item ]);
617
- }
618
-
619
- function highlight(s, auto)
620
- {
621
- if (typeof s == "number")
622
- s = series[s];
623
-
624
- var i = indexOfHighlight(s);
625
- if (i == -1)
626
- {
627
- highlights.push({ series: s, auto: auto });
628
- plot.triggerRedrawOverlay();
629
- }
630
- else if (!auto)
631
- highlights[i].auto = false;
632
- }
633
-
634
- function unhighlight(s)
635
- {
636
- if (s == null)
637
- {
638
- highlights = [];
639
- plot.triggerRedrawOverlay();
640
- }
641
-
642
- if (typeof s == "number")
643
- s = series[s];
644
-
645
- var i = indexOfHighlight(s);
646
- if (i != -1)
647
- {
648
- highlights.splice(i, 1);
649
- plot.triggerRedrawOverlay();
650
- }
651
- }
652
-
653
- function indexOfHighlight(s)
654
- {
655
- for (var i = 0; i < highlights.length; ++i)
656
- {
657
- var h = highlights[i];
658
- if (h.series == s)
659
- return i;
660
- }
661
- return -1;
662
- }
663
-
664
- function drawOverlay(plot, octx)
665
- {
666
- //alert(options.series.pie.radius);
667
- var options = plot.getOptions();
668
- //alert(options.series.pie.radius);
669
-
670
- var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
671
-
672
- octx.save();
673
- octx.translate(centerLeft, centerTop);
674
- octx.scale(1, options.series.pie.tilt);
675
-
676
- for (i = 0; i < highlights.length; ++i)
677
- drawHighlight(highlights[i].series);
678
-
679
- drawDonutHole(octx);
680
-
681
- octx.restore();
682
-
683
- function drawHighlight(series)
684
- {
685
- if (series.angle < 0) return;
686
-
687
- //octx.fillStyle = parseColor(options.series.pie.highlight.color).scale(null, null, null, options.series.pie.highlight.opacity).toString();
688
- octx.fillStyle = "rgba(255, 255, 255, "+options.series.pie.highlight.opacity+")"; // this is temporary until we have access to parseColor
689
-
690
- octx.beginPath();
691
- if (Math.abs(series.angle - Math.PI*2) > 0.000000001)
692
- octx.moveTo(0,0); // Center of the pie
693
- octx.arc(0,0,radius,series.startAngle,series.startAngle+series.angle,false);
694
- octx.closePath();
695
- octx.fill();
696
- }
697
-
698
- }
699
-
700
- } // end init (plugin body)
701
-
702
- // define pie specific options and their default values
703
- var options = {
704
- series: {
705
- pie: {
706
- show: false,
707
- radius: 'auto', // actual radius of the visible pie (based on full calculated radius if <=1, or hard pixel value)
708
- innerRadius:0, /* for donut */
709
- startAngle: 3/2,
710
- tilt: 1,
711
- offset: {
712
- top: 0,
713
- left: 'auto'
714
- },
715
- stroke: {
716
- color: '#FFF',
717
- width: 1
718
- },
719
- label: {
720
- show: 'auto',
721
- formatter: function(label, slice){
722
- return '<div style="font-size:x-small;text-align:center;padding:2px;color:'+slice.color+';">'+label+'<br/>'+Math.round(slice.percent)+'%</div>';
723
- }, // formatter function
724
- radius: 1, // radius at which to place the labels (based on full calculated radius if <=1, or hard pixel value)
725
- background: {
726
- color: null,
727
- opacity: 0
728
- },
729
- threshold: 0 // percentage at which to hide the label (i.e. the slice is too narrow)
730
- },
731
- combine: {
732
- threshold: -1, // percentage at which to combine little slices into one larger slice
733
- color: null, // color to give the new slice (auto-generated if null)
734
- label: 'Other' // label to give the new slice
735
- },
736
- highlight: {
737
- //color: '#FFF', // will add this functionality once parseColor is available
738
- opacity: 0.5
739
- }
740
- }
741
- }
742
- };
743
-
744
- $.plot.plugins.push({
745
- init: init,
746
- options: options,
747
- name: "pie",
748
- version: "1.0"
749
- });
750
- })(jQuery);