1
- google . load ( 'visualization' , '1.0' , { 'packages' :[ 'corechart' ] } ) ;
2
- google . setOnLoadCallback ( drawChartCallback ) ;
1
+ $ ( function ( ) {
2
+ google . load ( 'visualization' , '1.0' , { 'packages' :[ 'corechart' ] } ) ;
3
+ google . setOnLoadCallback ( drawChartCallback ) ;
3
4
4
- function drawChartCallback ( ) {
5
- drawChart ( ) ;
6
- drawYearLines ( ) ;
7
- }
8
-
9
- function drawPieChart ( rows ) {
10
- var data = new google . visualization . DataTable ( ) ;
11
- data . addColumn ( 'string' , 'Source' ) ;
12
- data . addColumn ( 'number' , 'Number of Aticles' ) ;
13
- data . addRows ( rows ) ;
14
- var options = { 'height' : 400 } ;
15
- var chart = new google . visualization . PieChart ( document . getElementById ( 'articles-selection-pie' ) ) ;
16
- chart . draw ( data , options ) ;
17
- }
18
-
19
- function drawColumnChart ( rows ) {
20
- var data = google . visualization . arrayToDataTable ( rows ) ;
21
- var options = {
22
- vAxis : { title : 'Number of Articles' , titleTextStyle : { color : '#3A3D40' } } ,
23
- 'height' : 400
24
- } ;
25
- var chart = new google . visualization . ColumnChart ( document . getElementById ( 'articles-selection-column' ) ) ;
26
- chart . draw ( data , options ) ;
27
- }
5
+ function drawChartCallback ( ) {
6
+ drawChart ( ) ;
7
+ drawYearLines ( ) ;
8
+ }
28
9
29
- function drawLineChart ( rows ) {
30
- var data = google . visualization . arrayToDataTable ( rows ) ;
31
- var options = {
32
- vAxis : { title : ' Number of Articles', titleTextStyle : { color : '#3A3D40' } } ,
33
- 'height' : 400
34
- } ;
35
- var chart = new google . visualization . LineChart ( document . getElementById ( 'articles-selection-line ' ) ) ;
36
- chart . draw ( data , options ) ;
37
- }
10
+ function drawPieChart ( rows ) {
11
+ var data = new google . visualization . DataTable ( ) ;
12
+ data . addColumn ( 'string' , 'Source' ) ;
13
+ data . addColumn ( 'number' , ' Number of Articles') ;
14
+ data . addRows ( rows ) ;
15
+ var options = { 'height' : 400 } ;
16
+ var chart = new google . visualization . PieChart ( document . getElementById ( 'articles-selection-pie ' ) ) ;
17
+ chart . draw ( data , options ) ;
18
+ }
38
19
39
- function drawChart ( ) {
40
- $ . ajax ( {
41
- url : '/reviews/conducting/articles_selection_chart/' ,
42
- data : { 'review-id' : $ ( "#review-id" ) . val ( ) } ,
43
- type : 'get' ,
44
- cache : false ,
45
- beforeSend : function ( ) {
46
- $ ( "#articles-selection-pie" ) . spinner ( false ) ;
47
- $ ( "#articles-selection-column" ) . spinner ( false ) ;
48
- } ,
49
- success : function ( data ) {
50
- var source_data = data . split ( "," ) ;
51
- var rows_pie = [ ] ;
52
- var rows_chart = [ [ 'Source' , 'Selected' , 'Accepted' ] ] ;
53
- for ( var i = source_data . length - 1 ; i >= 0 ; i -- ) {
54
- row = source_data [ i ] . split ( ":" ) ;
55
- rows_pie . push ( [ row [ 0 ] , parseInt ( row [ 1 ] ) ] ) ;
56
- rows_chart . push ( [ row [ 0 ] , parseInt ( row [ 1 ] ) , parseInt ( row [ 2 ] ) ] ) ;
20
+ function drawColumnChart ( rows ) {
21
+ var data = google . visualization . arrayToDataTable ( rows ) ;
22
+ var options = {
23
+ vAxis : { title : 'Number of Articles' , titleTextStyle : { color : '#3A3D40' } } ,
24
+ 'height' : 400
57
25
} ;
58
- drawPieChart ( rows_pie ) ;
59
- drawColumnChart ( rows_chart ) ;
60
- } ,
61
- complete : function ( ) {
62
- $ ( "#articles-selection-pie" ) . spinner ( ) ;
63
- $ ( "#articles-selection-column" ) . spinner ( ) ;
26
+ var chart = new google . visualization . ColumnChart ( document . getElementById ( 'articles-selection-column' ) ) ;
27
+ chart . draw ( data , options ) ;
64
28
}
65
- } ) ;
66
- }
67
29
68
- function drawYearLines ( ) {
69
- $ . ajax ( {
70
- url : '/reviews/conducting/articles_per_year/' ,
71
- data : { 'review-id' : $ ( "#review-id" ) . val ( ) } ,
72
- type : 'get' ,
73
- cache : false ,
74
- beforeSend : function ( ) {
75
- $ ( "#articles-selection-line" ) . spinner ( false ) ;
76
- } ,
77
- success : function ( data ) {
78
- var source_data = data . split ( "," ) ;
79
- var rows = [ [ 'Year' , 'Number of Articles' ] ] ;
80
- for ( var i = source_data . length - 1 ; i >= 0 ; i -- ) {
81
- row = source_data [ i ] . split ( ":" ) ;
82
- rows . push ( [ row [ 0 ] , parseInt ( row [ 1 ] ) ] ) ;
30
+ function drawLineChart ( rows ) {
31
+ var data = google . visualization . arrayToDataTable ( rows ) ;
32
+ var options = {
33
+ vAxis : { title : 'Number of Articles' , titleTextStyle : { color : '#3A3D40' } } ,
34
+ 'height' : 400
83
35
} ;
84
- drawLineChart ( rows ) ;
85
- } ,
86
- complete : function ( ) {
87
- $ ( "#articles-selection-line" ) . spinner ( ) ;
36
+ var chart = new google . visualization . LineChart ( document . getElementById ( 'articles-selection-line' ) ) ;
37
+ chart . draw ( data , options ) ;
38
+ }
39
+
40
+ function drawChart ( ) {
41
+ $ . ajax ( {
42
+ url : '/reviews/conducting/articles_selection_chart/' ,
43
+ data : { 'review-id' : $ ( "#review-id" ) . val ( ) } ,
44
+ type : 'get' ,
45
+ cache : false ,
46
+ beforeSend : function ( ) {
47
+ $ ( "#articles-selection-pie" ) . spinner ( false ) ;
48
+ $ ( "#articles-selection-column" ) . spinner ( false ) ;
49
+ } ,
50
+ success : function ( data ) {
51
+ var source_data = data . split ( "," ) ;
52
+ var rows_pie = [ ] ;
53
+ var rows_chart = [ [ 'Source' , 'Selected' , 'Accepted' ] ] ;
54
+ for ( var i = source_data . length - 1 ; i >= 0 ; i -- ) {
55
+ row = source_data [ i ] . split ( ":" ) ;
56
+ rows_pie . push ( [ row [ 0 ] , parseInt ( row [ 1 ] ) ] ) ;
57
+ rows_chart . push ( [ row [ 0 ] , parseInt ( row [ 1 ] ) , parseInt ( row [ 2 ] ) ] ) ;
58
+ }
59
+ drawPieChart ( rows_pie ) ;
60
+ drawColumnChart ( rows_chart ) ;
61
+ } ,
62
+ complete : function ( ) {
63
+ $ ( "#articles-selection-pie" ) . spinner ( ) ;
64
+ $ ( "#articles-selection-column" ) . spinner ( ) ;
65
+ }
66
+ } ) ;
67
+ }
68
+
69
+ function drawYearLines ( ) {
70
+ $ . ajax ( {
71
+ url : '/reviews/conducting/articles_per_year/' ,
72
+ data : { 'review-id' : $ ( "#review-id" ) . val ( ) } ,
73
+ type : 'get' ,
74
+ cache : false ,
75
+ beforeSend : function ( ) {
76
+ $ ( "#articles-selection-line" ) . spinner ( false ) ;
77
+ } ,
78
+ success : function ( data ) {
79
+ var source_data = data . split ( "," ) ;
80
+ var rows = [ [ 'Year' , 'Number of Articles' ] ] ;
81
+ for ( var i = source_data . length - 1 ; i >= 0 ; i -- ) {
82
+ row = source_data [ i ] . split ( ":" ) ;
83
+ rows . push ( [ row [ 0 ] , parseInt ( row [ 1 ] ) ] ) ;
84
+ }
85
+ drawLineChart ( rows ) ;
86
+ } ,
87
+ complete : function ( ) {
88
+ $ ( "#articles-selection-line" ) . spinner ( ) ;
89
+ }
90
+ } ) ;
88
91
}
89
- } ) ;
90
- }
92
+ } ) ;
0 commit comments