45 lines
1.2 KiB
HTML
45 lines
1.2 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
|
||
|
|
var ano_agora = new Date().getFullYear();
|
||
|
|
var mes_agora = new Date().getMonth();
|
||
|
|
var ano_semestre = ""
|
||
|
|
|
||
|
|
if(mes_agora<7){
|
||
|
|
select_ano_sem = ano_agora.toString() + "-1";
|
||
|
|
}else{
|
||
|
|
select_ano_sem = ano_agora.toString() + "-2";
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
google.charts.load('current', {'packages':['bar']});
|
||
|
|
google.charts.setOnLoadCallback(drawChart);
|
||
|
|
|
||
|
|
function drawChart() {
|
||
|
|
var data = google.visualization.arrayToDataTable([
|
||
|
|
['Year', 'OK', 'ALERTA', 'PARTICIPA'],
|
||
|
|
[select_ano_sem, [OK], [ALERTA], [PARTICIPA]]
|
||
|
|
]);
|
||
|
|
|
||
|
|
var options = {
|
||
|
|
chart: {
|
||
|
|
title: '[TITULO]',
|
||
|
|
subtitle: '[CONTAGENS]',
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
|
||
|
|
|
||
|
|
chart.draw(data, google.charts.Bar.convertOptions(options));
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="columnchart_material" style="width: 70%; height: 70%;"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|