|
|
@ -26,6 +26,8 @@
|
|
|
|
var options = {
|
|
|
|
var options = {
|
|
|
|
title: '% коммитов авторов',
|
|
|
|
title: '% коммитов авторов',
|
|
|
|
is3D: true,
|
|
|
|
is3D: true,
|
|
|
|
|
|
|
|
width:600,
|
|
|
|
|
|
|
|
height:300,
|
|
|
|
pieResidueSliceLabel: 'Остальные'
|
|
|
|
pieResidueSliceLabel: 'Остальные'
|
|
|
|
};
|
|
|
|
};
|
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('air'));
|
|
|
|
var chart = new google.visualization.PieChart(document.getElementById('air'));
|
|
|
@ -46,15 +48,18 @@
|
|
|
|
var options = {
|
|
|
|
var options = {
|
|
|
|
title: 'Добыча нефти',
|
|
|
|
title: 'Добыча нефти',
|
|
|
|
hAxis: {title: 'Год'},
|
|
|
|
hAxis: {title: 'Год'},
|
|
|
|
vAxis: {title: 'Тыс. тонн'}
|
|
|
|
vAxis: {title: 'Тыс. тонн',
|
|
|
|
|
|
|
|
width:600,
|
|
|
|
|
|
|
|
height:300}
|
|
|
|
};
|
|
|
|
};
|
|
|
|
var chart = new google.visualization.ColumnChart(document.getElementById('oil'));
|
|
|
|
var chart = new google.visualization.ColumnChart(document.getElementById('oil'));
|
|
|
|
chart.draw(data, options);
|
|
|
|
chart.draw(data, options);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
<div id="air" style="width: 500px; height: 400px;"></div>
|
|
|
|
<div class="row">
|
|
|
|
<div id="oil" style="width: 500px; height: 400px;"></div>
|
|
|
|
<div id="air" class="col-sm-12 col-lg-6" style="width: 200px"></div>
|
|
|
|
<ul th:each="continet : ${continents}"></ul>
|
|
|
|
<div id="oil" class="col-sm-12 col-lg-6" style="width: 200px"></div>
|
|
|
|
<h4 th:each="continent : ${continents}" th:text="${continent}"></h4>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|