https://nevgen.org/js/nevgen/nevgen.chart.js

1function IzcrtajPredvidjenuGrupu(data){
2    
3    var chart = new google.visualization.PieChart(document.getElementById('izracunatagrupa_div'));
4        
5    
6    
7    var options = {
8          //title: window.lang.translate('Izračunata grupa'),
9          titleTextStyle:{fontSize: 14},
10          is3D: true,
11          legend:{alignment:'center', position: 'left',textStyle: {color: '#005fbf', fontSize: 12}},
12          height:'200',
13          // pieStartAngle: 100,
14          //reverseCategories :'true',
15          /*slices: {  
16              1: {offset: 0.2},
17              2: {offset: 0.2},
18              3: {offset: 0.2},
19              4: {offset: 0.2},
20          },*/
21           chartArea: {top: '0', left:'20',width: '100%', height:'100%'},
22          //sliceVisibilityThreshold: 0.05,
23          pieResidueSliceLabel:window.lang.translate("Other"),
24        };
25        
26        chart.draw(data,options);
27        
28        $('#izracunatagrupa_naslov_div').pleaseWait('stop');
29        $('#izracunatagrupa_div').fadeTo("slow",1)
30        
31         
32        window.addEventListener('resize', function() {
33                chart.draw(data,options);
34            }, false);
35            
36   
37}
38
39function IzcrtajIlustracijuOdstupanja(){
40    
41     $.ajax({ url: 'nevgen.image.php',
42         data: {},
43         type: 'post',
44         async:true,
45         success: function(output) {
46                 //alert(output);
47            
48              $('#ilustracijaodsupanja_div').html(output);
49              $('#ilustracijaodsupanja__obj_div').pleaseWait('stop');
50              $('#ilustracijaodsupanja_div').fadeTo("slow",1)
51              }
52             
53         });
54}
55
56function IzcrtajGrafikonIliTabelu(data) {
57    
58    var rezultatgrafikonilitabela  = $('input[name="rezultatKaoGrafikonIliTabela"]:checked').val();
59    
60    if(rezultatgrafikonilitabela == 0)
61        {
62       
63         // Create a pie chart,
64        var grafikon = new google.visualization.BarChart(document.getElementById('tabela_grafikon__div'));
65
66          var options =  {
67            chartArea: {top:20,left:30, height: '90%', width:'100%'},
68            legend: { position: 'top' },
69            //title:window.lang.translate('Grafički prikaz verovatnoće i uklapanja'),
70            //backgroundColor:'#ebe7df',
71            //vAxis:{title: 'Vjerovatnoca i uklapanje',textStyle:{fontSize:10, color: '#F

71F0000'}},
72            vAxis:{textStyle:{fontSize:10, color: '#FF0000'}},
73            hAxis:{direction:-1, textStyle:{fontSize:10, color: '#FF0000'}},
74            bar: {
75                groupWidth: '100%'
76            }
77          };
78    
79          grafikon.draw(data,options);   
80            $('#tabela_grafikon_naslov_div').pleaseWait('stop');
81            $('#tabela_grafikon__div').fadeTo("slow",1)
82        window.addEventListener('resize', function() {
83                grafikon.draw(data,options);
84            }, false);
85        }
86        else{
87            
88         // Define a table visualization
89        var table = new google.visualization.Table(document.getElementById('tabela_grafikon__div'));
90        
91          
92        table.draw(data,{showRowNumber: true, width: '100%', height: '100%'});
93        $('#tabela_grafikon_naslov_div').pleaseWait('stop');
94        $('#tabela_grafikon__div').fadeTo("slow",1)
95        
96        $(".google-visualization-table-table").addClass("CSSTableGenerator");
97        $(".google-visualization-table-table").removeClass("google-visualization-table-table");
98          
99          window.addEventListener('resize', function() {
100                table.draw(data,{showRowNumber: true, width: '100%', height: '100%'});
101                $(".google-visualization-table-table").addClass("CSSTableGenerator");
102                $(".google-visualization-table-table").removeClass("google-visualization-table-table");
103            }, false);
104          
105        }
106        
107      
108};
109
110function IzcrtajGrafikonIliTabeluSaFilterom(data) {
111    
112    
113    var rezultatgrafikonilitabela  = $('input[name="rezultatKaoGrafikonIliTabela"]:checked').val();
114    
115        // Create a dashboard.
116        var dashboard = new google.visualization.Dashboard(
117            document.getElementById('dashboard_div'));
118
119        // Create a range slider
120        var kontrolaVjerovatnoce = new google.visualization.ControlWrapper({
121          'controlType': 'NumberRangeFilter',
122          'containerId': 'kontrolaVjerovatnoce_div',
123          'options': {
124            'filterColumnIndex': '1',
125            'ui': {'orientation':'vertical', 'labelStacking': 'vertical','cssClass':'nevgen-control-css'}
126          }
127        });
128        
129        // Create a range slider
130        var kontrolaUklapanja = new google.visualization.ControlWrapper({
131          'controlType': 'NumberRangeFilter',
132          'containerId': 'kontrolaUklapanja_div',
133          'options': {
134            'filterColumnIndex': '2',
135            'ui': {'orientation':'vertical','labelStacking': 'vertical','cssClass':'nevgen-control-css'}
136          }
137        });
138        
139
140         // Create a pie chart,
141        var grafikon = new google.visualization.ChartWrapper({
142          'chartType': 'BarChart',
143          'containerId': 'tabela_grafikon__div',
144          'options': {
145            chartArea: {top:20,left:30, height: '90%', width:'100%'},
146            legend: { position: 'top' },
147            title:window.lang.translate('Graphical view of probability and fitness'),
148            //backgroundColor:'#ebe7df',
149            //vAxis:{title: 'Vjerovatnoca i uklapanje',textStyle:{fontSize:10, color: '#F

149F0000'}},
150            vAxis:{textStyle:{fontSize:10, color: '#FF0000'}},
151            bar: {
152                groupWidth: '100%'
153            }
154          }
155        });
156        
157        // Define a table visualization
158        var table = new google.visualization.ChartWrapper({
159          'chartType': 'Table',
160          'containerId': 'tabela_grafikon__div',
161          'options': {
162            chartArea: {height: '70%', width:'70%'}
163          }
164        });
165        
166
167        //dashboard.bind(kontrolaVjerovatnoce, grafikon);
168        //dashboard.bind(kontrolaUklapanja, grafikon);
169        
170        if(rezultatgrafikonilitabela == 0)
171        {
172            dashboard.bind(kontrolaVjerovatnoce, grafikon);
173            dashboard.bind(kontrolaUklapanja, grafikon);
174        }
175        else{
176            dashboard.bind(kontrolaVjerovatnoce, table);
177            dashboard.bind(kontrolaUklapanja, table);
178        }
179           
180         
181       dashboard.draw(data);
182       
183
184};