repsheet_visualizer 0.2.2 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (298) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/lib/repsheet_visualizer/application/app.rb +2 -2
  4. data/lib/repsheet_visualizer/application/public/javascripts/application.js +0 -4
  5. data/lib/repsheet_visualizer/application/views/activity.erb +5 -0
  6. data/lib/repsheet_visualizer/application/views/actors.erb +5 -0
  7. data/lib/repsheet_visualizer/application/views/breakdown.erb +5 -0
  8. data/lib/repsheet_visualizer/application/views/whitelist.erb +5 -0
  9. data/lib/repsheet_visualizer/application/views/worldview.erb +5 -0
  10. data/lib/repsheet_visualizer/version.rb +1 -1
  11. metadata +2 -289
  12. data/redesign/actor.html +0 -228
  13. data/redesign/chart-flot.html +0 -698
  14. data/redesign/chart-morris.html +0 -528
  15. data/redesign/chart-sparkline.html +0 -702
  16. data/redesign/css/App.css +0 -3436
  17. data/redesign/css/Login.css +0 -88
  18. data/redesign/css/bootstrap.min.css +0 -9
  19. data/redesign/css/custom.css +0 -0
  20. data/redesign/css/font-awesome.min.css +0 -395
  21. data/redesign/fonts/FontAwesome.otf +0 -0
  22. data/redesign/fonts/fontawesome-webfont.eot +0 -0
  23. data/redesign/fonts/fontawesome-webfont.svg +0 -414
  24. data/redesign/fonts/fontawesome-webfont.ttf +0 -0
  25. data/redesign/fonts/fontawesome-webfont.woff +0 -0
  26. data/redesign/fonts/glyphicons-halflings-regular.eot +0 -0
  27. data/redesign/fonts/glyphicons-halflings-regular.svg +0 -228
  28. data/redesign/fonts/glyphicons-halflings-regular.ttf +0 -0
  29. data/redesign/fonts/glyphicons-halflings-regular.woff +0 -0
  30. data/redesign/form-extended.html +0 -1052
  31. data/redesign/form-regular.html +0 -863
  32. data/redesign/form-validation.html +0 -678
  33. data/redesign/img/avatars/avatar-1.jpg +0 -0
  34. data/redesign/img/avatars/avatar-2.jpg +0 -0
  35. data/redesign/img/avatars/avatar-large-1.jpg +0 -0
  36. data/redesign/img/avatars/avatar-large-2.jpg +0 -0
  37. data/redesign/img/gallery/zoom.png +0 -0
  38. data/redesign/img/jquery/handle-vertical.png +0 -0
  39. data/redesign/img/jquery/handle.png +0 -0
  40. data/redesign/img/layout/sidebar-bg.png +0 -0
  41. data/redesign/img/loaders/ajax-loader.gif +0 -0
  42. data/redesign/img/logos/logo-login.png +0 -0
  43. data/redesign/img/logos/logo.png +0 -0
  44. data/redesign/img/mockup.png +0 -0
  45. data/redesign/img/photos/blur-lg.jpg +0 -0
  46. data/redesign/img/photos/blur-sm.jpg +0 -0
  47. data/redesign/img/photos/clock-lg.jpg +0 -0
  48. data/redesign/img/photos/clock-sm.jpg +0 -0
  49. data/redesign/img/photos/lens-lg.jpg +0 -0
  50. data/redesign/img/photos/lens-sm.jpg +0 -0
  51. data/redesign/img/photos/map.png +0 -0
  52. data/redesign/img/photos/rust-lg.jpg +0 -0
  53. data/redesign/img/photos/rust-sm.jpg +0 -0
  54. data/redesign/img/pricing/label-editable.png +0 -0
  55. data/redesign/img/pricing/label-red.png +0 -0
  56. data/redesign/img/pricing/label-yellow.png +0 -0
  57. data/redesign/index.html +0 -328
  58. data/redesign/js/App.js +0 -372
  59. data/redesign/js/Login.js +0 -17
  60. data/redesign/js/demos/buttons.js +0 -7
  61. data/redesign/js/demos/calendar.js +0 -142
  62. data/redesign/js/demos/charts/flot/area.js +0 -73
  63. data/redesign/js/demos/charts/flot/chart1.js +0 -77
  64. data/redesign/js/demos/charts/flot/chart2.js +0 -70
  65. data/redesign/js/demos/charts/flot/chart3.js +0 -71
  66. data/redesign/js/demos/charts/flot/chart4.js +0 -69
  67. data/redesign/js/demos/charts/flot/donut.js +0 -49
  68. data/redesign/js/demos/charts/flot/horizontal.js +0 -56
  69. data/redesign/js/demos/charts/flot/line.js +0 -76
  70. data/redesign/js/demos/charts/flot/pie.js +0 -50
  71. data/redesign/js/demos/charts/flot/scatter.js +0 -62
  72. data/redesign/js/demos/charts/flot/stacked-area.js +0 -86
  73. data/redesign/js/demos/charts/flot/stacked-horizontal.js +0 -60
  74. data/redesign/js/demos/charts/flot/stacked-vertical.js +0 -75
  75. data/redesign/js/demos/charts/flot/vertical.js +0 -70
  76. data/redesign/js/demos/charts/morris/area.js +0 -28
  77. data/redesign/js/demos/charts/morris/bar.js +0 -29
  78. data/redesign/js/demos/charts/morris/donut.js +0 -26
  79. data/redesign/js/demos/charts/morris/line.js +0 -30
  80. data/redesign/js/demos/dashboard.js +0 -26
  81. data/redesign/js/demos/form-extended.js +0 -61
  82. data/redesign/js/demos/popups.js +0 -16
  83. data/redesign/js/demos/pricing.js +0 -10
  84. data/redesign/js/demos/sliders.js +0 -77
  85. data/redesign/js/libs/bootstrap.js +0 -1999
  86. data/redesign/js/libs/bootstrap.min.js +0 -6
  87. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  88. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  89. data/redesign/js/libs/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
  90. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  91. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  92. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  93. data/redesign/js/libs/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  94. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  95. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  96. data/redesign/js/libs/css/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
  97. data/redesign/js/libs/css/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -0
  98. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -0
  99. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -0
  100. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -0
  101. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css +0 -294
  102. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.min.css +0 -7
  103. data/redesign/js/libs/jquery-1.9.1.min.js +0 -5
  104. data/redesign/js/libs/jquery-ui-1.9.2.custom.min.js +0 -6
  105. data/redesign/js/libs/jquery.min.map +0 -1
  106. data/redesign/js/libs/raphael-2.1.2.min.js +0 -11
  107. data/redesign/js/plugins/autosize/jquery.autosize.min.js +0 -7
  108. data/redesign/js/plugins/datatables/DT_bootstrap.js +0 -148
  109. data/redesign/js/plugins/datatables/img/Sorting icons.psd +0 -0
  110. data/redesign/js/plugins/datatables/img/back_disabled.png +0 -0
  111. data/redesign/js/plugins/datatables/img/back_enabled.png +0 -0
  112. data/redesign/js/plugins/datatables/img/back_enabled_hover.png +0 -0
  113. data/redesign/js/plugins/datatables/img/datatable-row-openclose.png +0 -0
  114. data/redesign/js/plugins/datatables/img/favicon.ico +0 -0
  115. data/redesign/js/plugins/datatables/img/forward_disabled.png +0 -0
  116. data/redesign/js/plugins/datatables/img/forward_enabled.png +0 -0
  117. data/redesign/js/plugins/datatables/img/forward_enabled_hover.png +0 -0
  118. data/redesign/js/plugins/datatables/img/sort_asc.png +0 -0
  119. data/redesign/js/plugins/datatables/img/sort_asc_disabled.png +0 -0
  120. data/redesign/js/plugins/datatables/img/sort_both.png +0 -0
  121. data/redesign/js/plugins/datatables/img/sort_desc.png +0 -0
  122. data/redesign/js/plugins/datatables/img/sort_desc_disabled.png +0 -0
  123. data/redesign/js/plugins/datatables/jquery.dataTables.min.js +0 -155
  124. data/redesign/js/plugins/datepicker/bootstrap-datepicker.js +0 -1258
  125. data/redesign/js/plugins/datepicker/datepicker.css +0 -481
  126. data/redesign/js/plugins/datepicker/less/datepicker.less +0 -122
  127. data/redesign/js/plugins/fileupload/bootstrap-fileupload.css +0 -132
  128. data/redesign/js/plugins/fileupload/bootstrap-fileupload.js +0 -169
  129. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.css +0 -31
  130. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.js +0 -7
  131. data/redesign/js/plugins/flot/jquery.flot.js +0 -2599
  132. data/redesign/js/plugins/flot/jquery.flot.orderBars.js +0 -186
  133. data/redesign/js/plugins/flot/jquery.flot.pie.js +0 -750
  134. data/redesign/js/plugins/flot/jquery.flot.resize.js +0 -57
  135. data/redesign/js/plugins/flot/jquery.flot.stack.js +0 -184
  136. data/redesign/js/plugins/flot/jquery.flot.tooltip.min.js +0 -14
  137. data/redesign/js/plugins/fullcalendar/fullcalendar.css +0 -589
  138. data/redesign/js/plugins/fullcalendar/fullcalendar.js +0 -6110
  139. data/redesign/js/plugins/fullcalendar/fullcalendar.min.js +0 -7
  140. data/redesign/js/plugins/fullcalendar/fullcalendar.print.css +0 -32
  141. data/redesign/js/plugins/fullcalendar/gcal.js +0 -107
  142. data/redesign/js/plugins/howl/howl.js +0 -70
  143. data/redesign/js/plugins/howl/howl.min.js +0 -2
  144. data/redesign/js/plugins/icheck/jquery.icheck.js +0 -462
  145. data/redesign/js/plugins/icheck/jquery.icheck.min.js +0 -11
  146. data/redesign/js/plugins/icheck/skins/all.css +0 -61
  147. data/redesign/js/plugins/icheck/skins/flat/_all.css +0 -540
  148. data/redesign/js/plugins/icheck/skins/flat/aero.css +0 -54
  149. data/redesign/js/plugins/icheck/skins/flat/aero.png +0 -0
  150. data/redesign/js/plugins/icheck/skins/flat/aero@2x.png +0 -0
  151. data/redesign/js/plugins/icheck/skins/flat/blue.css +0 -54
  152. data/redesign/js/plugins/icheck/skins/flat/blue.png +0 -0
  153. data/redesign/js/plugins/icheck/skins/flat/blue@2x.png +0 -0
  154. data/redesign/js/plugins/icheck/skins/flat/flat.css +0 -54
  155. data/redesign/js/plugins/icheck/skins/flat/flat.png +0 -0
  156. data/redesign/js/plugins/icheck/skins/flat/flat@2x.png +0 -0
  157. data/redesign/js/plugins/icheck/skins/flat/green.css +0 -54
  158. data/redesign/js/plugins/icheck/skins/flat/green.png +0 -0
  159. data/redesign/js/plugins/icheck/skins/flat/green@2x.png +0 -0
  160. data/redesign/js/plugins/icheck/skins/flat/grey.css +0 -54
  161. data/redesign/js/plugins/icheck/skins/flat/grey.png +0 -0
  162. data/redesign/js/plugins/icheck/skins/flat/grey@2x.png +0 -0
  163. data/redesign/js/plugins/icheck/skins/flat/orange.css +0 -54
  164. data/redesign/js/plugins/icheck/skins/flat/orange.png +0 -0
  165. data/redesign/js/plugins/icheck/skins/flat/orange@2x.png +0 -0
  166. data/redesign/js/plugins/icheck/skins/flat/pink.css +0 -54
  167. data/redesign/js/plugins/icheck/skins/flat/pink.png +0 -0
  168. data/redesign/js/plugins/icheck/skins/flat/pink@2x.png +0 -0
  169. data/redesign/js/plugins/icheck/skins/flat/purple.css +0 -54
  170. data/redesign/js/plugins/icheck/skins/flat/purple.png +0 -0
  171. data/redesign/js/plugins/icheck/skins/flat/purple@2x.png +0 -0
  172. data/redesign/js/plugins/icheck/skins/flat/red.css +0 -54
  173. data/redesign/js/plugins/icheck/skins/flat/red.png +0 -0
  174. data/redesign/js/plugins/icheck/skins/flat/red@2x.png +0 -0
  175. data/redesign/js/plugins/icheck/skins/flat/yellow.css +0 -54
  176. data/redesign/js/plugins/icheck/skins/flat/yellow.png +0 -0
  177. data/redesign/js/plugins/icheck/skins/flat/yellow@2x.png +0 -0
  178. data/redesign/js/plugins/icheck/skins/futurico/futurico.css +0 -54
  179. data/redesign/js/plugins/icheck/skins/futurico/futurico.png +0 -0
  180. data/redesign/js/plugins/icheck/skins/futurico/futurico@2x.png +0 -0
  181. data/redesign/js/plugins/icheck/skins/line/_all.css +0 -740
  182. data/redesign/js/plugins/icheck/skins/line/aero.css +0 -74
  183. data/redesign/js/plugins/icheck/skins/line/blue.css +0 -74
  184. data/redesign/js/plugins/icheck/skins/line/green.css +0 -74
  185. data/redesign/js/plugins/icheck/skins/line/grey.css +0 -74
  186. data/redesign/js/plugins/icheck/skins/line/line.css +0 -74
  187. data/redesign/js/plugins/icheck/skins/line/line.png +0 -0
  188. data/redesign/js/plugins/icheck/skins/line/line@2x.png +0 -0
  189. data/redesign/js/plugins/icheck/skins/line/orange.css +0 -74
  190. data/redesign/js/plugins/icheck/skins/line/pink.css +0 -74
  191. data/redesign/js/plugins/icheck/skins/line/purple.css +0 -74
  192. data/redesign/js/plugins/icheck/skins/line/red.css +0 -74
  193. data/redesign/js/plugins/icheck/skins/line/yellow.css +0 -74
  194. data/redesign/js/plugins/icheck/skins/minimal/_all.css +0 -600
  195. data/redesign/js/plugins/icheck/skins/minimal/aero.css +0 -60
  196. data/redesign/js/plugins/icheck/skins/minimal/aero.png +0 -0
  197. data/redesign/js/plugins/icheck/skins/minimal/aero@2x.png +0 -0
  198. data/redesign/js/plugins/icheck/skins/minimal/blue.css +0 -60
  199. data/redesign/js/plugins/icheck/skins/minimal/blue.png +0 -0
  200. data/redesign/js/plugins/icheck/skins/minimal/blue@2x.png +0 -0
  201. data/redesign/js/plugins/icheck/skins/minimal/green.css +0 -60
  202. data/redesign/js/plugins/icheck/skins/minimal/green.png +0 -0
  203. data/redesign/js/plugins/icheck/skins/minimal/green@2x.png +0 -0
  204. data/redesign/js/plugins/icheck/skins/minimal/grey.css +0 -60
  205. data/redesign/js/plugins/icheck/skins/minimal/grey.png +0 -0
  206. data/redesign/js/plugins/icheck/skins/minimal/grey@2x.png +0 -0
  207. data/redesign/js/plugins/icheck/skins/minimal/minimal.css +0 -60
  208. data/redesign/js/plugins/icheck/skins/minimal/minimal.png +0 -0
  209. data/redesign/js/plugins/icheck/skins/minimal/minimal@2x.png +0 -0
  210. data/redesign/js/plugins/icheck/skins/minimal/orange.css +0 -60
  211. data/redesign/js/plugins/icheck/skins/minimal/orange.png +0 -0
  212. data/redesign/js/plugins/icheck/skins/minimal/orange@2x.png +0 -0
  213. data/redesign/js/plugins/icheck/skins/minimal/pink.css +0 -60
  214. data/redesign/js/plugins/icheck/skins/minimal/pink.png +0 -0
  215. data/redesign/js/plugins/icheck/skins/minimal/pink@2x.png +0 -0
  216. data/redesign/js/plugins/icheck/skins/minimal/purple.css +0 -60
  217. data/redesign/js/plugins/icheck/skins/minimal/purple.png +0 -0
  218. data/redesign/js/plugins/icheck/skins/minimal/purple@2x.png +0 -0
  219. data/redesign/js/plugins/icheck/skins/minimal/red.css +0 -60
  220. data/redesign/js/plugins/icheck/skins/minimal/red.png +0 -0
  221. data/redesign/js/plugins/icheck/skins/minimal/red@2x.png +0 -0
  222. data/redesign/js/plugins/icheck/skins/minimal/yellow.css +0 -60
  223. data/redesign/js/plugins/icheck/skins/minimal/yellow.png +0 -0
  224. data/redesign/js/plugins/icheck/skins/minimal/yellow@2x.png +0 -0
  225. data/redesign/js/plugins/icheck/skins/polaris/polaris.css +0 -60
  226. data/redesign/js/plugins/icheck/skins/polaris/polaris.png +0 -0
  227. data/redesign/js/plugins/icheck/skins/polaris/polaris@2x.png +0 -0
  228. data/redesign/js/plugins/icheck/skins/square/_all.css +0 -600
  229. data/redesign/js/plugins/icheck/skins/square/aero.css +0 -60
  230. data/redesign/js/plugins/icheck/skins/square/aero.png +0 -0
  231. data/redesign/js/plugins/icheck/skins/square/aero@2x.png +0 -0
  232. data/redesign/js/plugins/icheck/skins/square/blue.css +0 -60
  233. data/redesign/js/plugins/icheck/skins/square/blue.png +0 -0
  234. data/redesign/js/plugins/icheck/skins/square/blue@2x.png +0 -0
  235. data/redesign/js/plugins/icheck/skins/square/green.css +0 -60
  236. data/redesign/js/plugins/icheck/skins/square/green.png +0 -0
  237. data/redesign/js/plugins/icheck/skins/square/green@2x.png +0 -0
  238. data/redesign/js/plugins/icheck/skins/square/grey.css +0 -60
  239. data/redesign/js/plugins/icheck/skins/square/grey.png +0 -0
  240. data/redesign/js/plugins/icheck/skins/square/grey@2x.png +0 -0
  241. data/redesign/js/plugins/icheck/skins/square/orange.css +0 -60
  242. data/redesign/js/plugins/icheck/skins/square/orange.png +0 -0
  243. data/redesign/js/plugins/icheck/skins/square/orange@2x.png +0 -0
  244. data/redesign/js/plugins/icheck/skins/square/pink.css +0 -60
  245. data/redesign/js/plugins/icheck/skins/square/pink.png +0 -0
  246. data/redesign/js/plugins/icheck/skins/square/pink@2x.png +0 -0
  247. data/redesign/js/plugins/icheck/skins/square/purple.css +0 -60
  248. data/redesign/js/plugins/icheck/skins/square/purple.png +0 -0
  249. data/redesign/js/plugins/icheck/skins/square/purple@2x.png +0 -0
  250. data/redesign/js/plugins/icheck/skins/square/red.css +0 -60
  251. data/redesign/js/plugins/icheck/skins/square/red.png +0 -0
  252. data/redesign/js/plugins/icheck/skins/square/red@2x.png +0 -0
  253. data/redesign/js/plugins/icheck/skins/square/square.css +0 -60
  254. data/redesign/js/plugins/icheck/skins/square/square.png +0 -0
  255. data/redesign/js/plugins/icheck/skins/square/square@2x.png +0 -0
  256. data/redesign/js/plugins/icheck/skins/square/yellow.css +0 -60
  257. data/redesign/js/plugins/icheck/skins/square/yellow.png +0 -0
  258. data/redesign/js/plugins/icheck/skins/square/yellow@2x.png +0 -0
  259. data/redesign/js/plugins/magnific/jquery.magnific-popup.js +0 -2026
  260. data/redesign/js/plugins/magnific/jquery.magnific-popup.min.js +0 -4
  261. data/redesign/js/plugins/magnific/magnific-popup.css +0 -396
  262. data/redesign/js/plugins/morris/morris.css +0 -1
  263. data/redesign/js/plugins/morris/morris.min.js +0 -1
  264. data/redesign/js/plugins/parsley/parsley.js +0 -1363
  265. data/redesign/js/plugins/select2/select2-spinner.gif +0 -0
  266. data/redesign/js/plugins/select2/select2.css +0 -615
  267. data/redesign/js/plugins/select2/select2.js +0 -3217
  268. data/redesign/js/plugins/select2/select2.min.js +0 -22
  269. data/redesign/js/plugins/select2/select2.png +0 -0
  270. data/redesign/js/plugins/select2/select2x2.png +0 -0
  271. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.css +0 -98
  272. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.js +0 -211
  273. data/redesign/js/plugins/sparkline/jquery.sparkline.min.js +0 -5
  274. data/redesign/js/plugins/tableCheckable/jquery.tableCheckable.js +0 -122
  275. data/redesign/js/plugins/textarea-counter/jquery.textarea-counter.js +0 -163
  276. data/redesign/js/plugins/timepicker/bootstrap-timepicker.css +0 -121
  277. data/redesign/js/plugins/timepicker/bootstrap-timepicker.js +0 -893
  278. data/redesign/page-404.html +0 -446
  279. data/redesign/page-500.html +0 -453
  280. data/redesign/page-blank.html +0 -417
  281. data/redesign/page-calendar.html +0 -491
  282. data/redesign/page-gallery.html +0 -736
  283. data/redesign/page-invoice.html +0 -705
  284. data/redesign/page-login-social.html +0 -111
  285. data/redesign/page-login.html +0 -82
  286. data/redesign/page-pricing.html +0 -707
  287. data/redesign/page-settings.html +0 -665
  288. data/redesign/page-support.html +0 -825
  289. data/redesign/table-advanced.html +0 -1297
  290. data/redesign/table-basic.html +0 -777
  291. data/redesign/table-responsive.html +0 -720
  292. data/redesign/ui-buttons.html +0 -901
  293. data/redesign/ui-icons.html +0 -1392
  294. data/redesign/ui-popups.html +0 -781
  295. data/redesign/ui-portlets.html +0 -887
  296. data/redesign/ui-sliders.html +0 -520
  297. data/redesign/ui-tabs.html +0 -663
  298. data/redesign/ui-typography.html +0 -687
@@ -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);