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.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/README.md +25 -1
- data/bin/repsheet_visualizer +10 -8
- data/config.ru +8 -0
- data/lib/repsheet_visualizer/application/app.rb +120 -107
- data/lib/repsheet_visualizer/application/views/404.erb +66 -0
- data/lib/repsheet_visualizer/application/views/500.erb +66 -0
- data/lib/repsheet_visualizer/version.rb +1 -1
- metadata +4 -245
- data/redesign/actor.html +0 -237
- data/redesign/blacklist.html +0 -274
- data/redesign/css/App.css +0 -3436
- data/redesign/css/Login.css +0 -88
- data/redesign/css/bootstrap.min.css +0 -9
- data/redesign/css/custom.css +0 -0
- data/redesign/css/font-awesome.min.css +0 -395
- data/redesign/fonts/FontAwesome.otf +0 -0
- data/redesign/fonts/fontawesome-webfont.eot +0 -0
- data/redesign/fonts/fontawesome-webfont.svg +0 -414
- data/redesign/fonts/fontawesome-webfont.ttf +0 -0
- data/redesign/fonts/fontawesome-webfont.woff +0 -0
- data/redesign/fonts/glyphicons-halflings-regular.eot +0 -0
- data/redesign/fonts/glyphicons-halflings-regular.svg +0 -228
- data/redesign/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/redesign/fonts/glyphicons-halflings-regular.woff +0 -0
- data/redesign/img/jquery/handle-vertical.png +0 -0
- data/redesign/img/jquery/handle.png +0 -0
- data/redesign/img/layout/sidebar-bg.png +0 -0
- data/redesign/img/loaders/ajax-loader.gif +0 -0
- data/redesign/img/photos/map.png +0 -0
- data/redesign/index.html +0 -333
- data/redesign/js/App.js +0 -372
- data/redesign/js/Login.js +0 -17
- data/redesign/js/demos/buttons.js +0 -7
- data/redesign/js/demos/calendar.js +0 -142
- data/redesign/js/demos/charts/flot/area.js +0 -73
- data/redesign/js/demos/charts/flot/chart1.js +0 -77
- data/redesign/js/demos/charts/flot/chart2.js +0 -70
- data/redesign/js/demos/charts/flot/chart3.js +0 -71
- data/redesign/js/demos/charts/flot/chart4.js +0 -69
- data/redesign/js/demos/charts/flot/donut.js +0 -49
- data/redesign/js/demos/charts/flot/horizontal.js +0 -56
- data/redesign/js/demos/charts/flot/line.js +0 -76
- data/redesign/js/demos/charts/flot/pie.js +0 -50
- data/redesign/js/demos/charts/flot/scatter.js +0 -62
- data/redesign/js/demos/charts/flot/stacked-area.js +0 -86
- data/redesign/js/demos/charts/flot/stacked-horizontal.js +0 -60
- data/redesign/js/demos/charts/flot/stacked-vertical.js +0 -75
- data/redesign/js/demos/charts/flot/vertical.js +0 -70
- data/redesign/js/demos/charts/morris/area.js +0 -28
- data/redesign/js/demos/charts/morris/bar.js +0 -29
- data/redesign/js/demos/charts/morris/donut.js +0 -26
- data/redesign/js/demos/charts/morris/line.js +0 -30
- data/redesign/js/demos/dashboard.js +0 -26
- data/redesign/js/demos/form-extended.js +0 -61
- data/redesign/js/demos/popups.js +0 -16
- data/redesign/js/demos/pricing.js +0 -10
- data/redesign/js/demos/sliders.js +0 -77
- data/redesign/js/libs/bootstrap.js +0 -1999
- data/redesign/js/libs/bootstrap.min.js +0 -6
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -0
- data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -0
- data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css +0 -294
- data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.min.css +0 -7
- data/redesign/js/libs/jquery-1.9.1.min.js +0 -5
- data/redesign/js/libs/jquery-ui-1.9.2.custom.min.js +0 -6
- data/redesign/js/libs/jquery.min.map +0 -1
- data/redesign/js/libs/raphael-2.1.2.min.js +0 -11
- data/redesign/js/plugins/autosize/jquery.autosize.min.js +0 -7
- data/redesign/js/plugins/datatables/DT_bootstrap.js +0 -148
- data/redesign/js/plugins/datatables/img/Sorting icons.psd +0 -0
- data/redesign/js/plugins/datatables/img/back_disabled.png +0 -0
- data/redesign/js/plugins/datatables/img/back_enabled.png +0 -0
- data/redesign/js/plugins/datatables/img/back_enabled_hover.png +0 -0
- data/redesign/js/plugins/datatables/img/datatable-row-openclose.png +0 -0
- data/redesign/js/plugins/datatables/img/favicon.ico +0 -0
- data/redesign/js/plugins/datatables/img/forward_disabled.png +0 -0
- data/redesign/js/plugins/datatables/img/forward_enabled.png +0 -0
- data/redesign/js/plugins/datatables/img/forward_enabled_hover.png +0 -0
- data/redesign/js/plugins/datatables/img/sort_asc.png +0 -0
- data/redesign/js/plugins/datatables/img/sort_asc_disabled.png +0 -0
- data/redesign/js/plugins/datatables/img/sort_both.png +0 -0
- data/redesign/js/plugins/datatables/img/sort_desc.png +0 -0
- data/redesign/js/plugins/datatables/img/sort_desc_disabled.png +0 -0
- data/redesign/js/plugins/datatables/jquery.dataTables.min.js +0 -155
- data/redesign/js/plugins/datepicker/bootstrap-datepicker.js +0 -1258
- data/redesign/js/plugins/datepicker/datepicker.css +0 -481
- data/redesign/js/plugins/datepicker/less/datepicker.less +0 -122
- data/redesign/js/plugins/fileupload/bootstrap-fileupload.css +0 -132
- data/redesign/js/plugins/fileupload/bootstrap-fileupload.js +0 -169
- data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.css +0 -31
- data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.js +0 -7
- data/redesign/js/plugins/flot/jquery.flot.js +0 -2599
- data/redesign/js/plugins/flot/jquery.flot.orderBars.js +0 -186
- data/redesign/js/plugins/flot/jquery.flot.pie.js +0 -750
- data/redesign/js/plugins/flot/jquery.flot.resize.js +0 -57
- data/redesign/js/plugins/flot/jquery.flot.stack.js +0 -184
- data/redesign/js/plugins/flot/jquery.flot.tooltip.min.js +0 -14
- data/redesign/js/plugins/fullcalendar/fullcalendar.css +0 -589
- data/redesign/js/plugins/fullcalendar/fullcalendar.js +0 -6110
- data/redesign/js/plugins/fullcalendar/fullcalendar.min.js +0 -7
- data/redesign/js/plugins/fullcalendar/fullcalendar.print.css +0 -32
- data/redesign/js/plugins/fullcalendar/gcal.js +0 -107
- data/redesign/js/plugins/howl/howl.js +0 -70
- data/redesign/js/plugins/howl/howl.min.js +0 -2
- data/redesign/js/plugins/icheck/jquery.icheck.js +0 -462
- data/redesign/js/plugins/icheck/jquery.icheck.min.js +0 -11
- data/redesign/js/plugins/icheck/skins/all.css +0 -61
- data/redesign/js/plugins/icheck/skins/flat/_all.css +0 -540
- data/redesign/js/plugins/icheck/skins/flat/aero.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/aero.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/aero@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/blue.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/blue.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/blue@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/flat.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/flat.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/flat@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/green.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/green.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/green@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/grey.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/grey.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/grey@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/orange.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/orange.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/orange@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/pink.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/pink.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/pink@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/purple.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/purple.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/purple@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/red.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/red.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/red@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/yellow.css +0 -54
- data/redesign/js/plugins/icheck/skins/flat/yellow.png +0 -0
- data/redesign/js/plugins/icheck/skins/flat/yellow@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/futurico/futurico.css +0 -54
- data/redesign/js/plugins/icheck/skins/futurico/futurico.png +0 -0
- data/redesign/js/plugins/icheck/skins/futurico/futurico@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/line/_all.css +0 -740
- data/redesign/js/plugins/icheck/skins/line/aero.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/blue.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/green.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/grey.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/line.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/line.png +0 -0
- data/redesign/js/plugins/icheck/skins/line/line@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/line/orange.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/pink.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/purple.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/red.css +0 -74
- data/redesign/js/plugins/icheck/skins/line/yellow.css +0 -74
- data/redesign/js/plugins/icheck/skins/minimal/_all.css +0 -600
- data/redesign/js/plugins/icheck/skins/minimal/aero.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/aero.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/aero@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/blue.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/blue.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/blue@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/green.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/green.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/green@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/grey.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/grey.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/grey@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/minimal.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/minimal.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/minimal@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/orange.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/orange.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/orange@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/pink.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/pink.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/pink@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/purple.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/purple.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/purple@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/red.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/red.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/red@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/yellow.css +0 -60
- data/redesign/js/plugins/icheck/skins/minimal/yellow.png +0 -0
- data/redesign/js/plugins/icheck/skins/minimal/yellow@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/polaris/polaris.css +0 -60
- data/redesign/js/plugins/icheck/skins/polaris/polaris.png +0 -0
- data/redesign/js/plugins/icheck/skins/polaris/polaris@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/_all.css +0 -600
- data/redesign/js/plugins/icheck/skins/square/aero.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/aero.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/aero@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/blue.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/blue.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/blue@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/green.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/green.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/green@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/grey.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/grey.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/grey@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/orange.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/orange.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/orange@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/pink.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/pink.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/pink@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/purple.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/purple.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/purple@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/red.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/red.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/red@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/square.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/square.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/square@2x.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/yellow.css +0 -60
- data/redesign/js/plugins/icheck/skins/square/yellow.png +0 -0
- data/redesign/js/plugins/icheck/skins/square/yellow@2x.png +0 -0
- data/redesign/js/plugins/magnific/jquery.magnific-popup.js +0 -2026
- data/redesign/js/plugins/magnific/jquery.magnific-popup.min.js +0 -4
- data/redesign/js/plugins/magnific/magnific-popup.css +0 -396
- data/redesign/js/plugins/morris/morris.css +0 -1
- data/redesign/js/plugins/morris/morris.min.js +0 -1
- data/redesign/js/plugins/parsley/parsley.js +0 -1363
- data/redesign/js/plugins/select2/select2-spinner.gif +0 -0
- data/redesign/js/plugins/select2/select2.css +0 -615
- data/redesign/js/plugins/select2/select2.js +0 -3217
- data/redesign/js/plugins/select2/select2.min.js +0 -22
- data/redesign/js/plugins/select2/select2.png +0 -0
- data/redesign/js/plugins/select2/select2x2.png +0 -0
- data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.css +0 -98
- data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.js +0 -211
- data/redesign/js/plugins/sparkline/jquery.sparkline.min.js +0 -5
- data/redesign/js/plugins/tableCheckable/jquery.tableCheckable.js +0 -122
- data/redesign/js/plugins/textarea-counter/jquery.textarea-counter.js +0 -163
- data/redesign/js/plugins/timepicker/bootstrap-timepicker.css +0 -121
- data/redesign/js/plugins/timepicker/bootstrap-timepicker.js +0 -893
- data/redesign/suspects.html +0 -273
- 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);
|