840
| <![CDATA[<script type="text/javascript">
google.charts.load("current", {
packages: ['corechart', 'bar']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
["Element", "Quantidade", {
role: "style"
}],
['2023', 1588, '#15B063'],
['2022', 18183, '#F1491C'],
['2021', 23390, '#A349A4'],
['2020', 21582, '#0DA5AA'],
['2019', 8001, '#C52259'],
['', , '#FF7F00'],
]);
var view = new google.visualization.DataView(data);
// Com decimais //decimalSymbol: ',', groupingSymbol: '.'
var formatter = new google.visualization.NumberFormat({
pattern: '#',
groupingSymbol: '.'
});
formatter.format(data, 1);
view.setColumns([0, 1,
{
calc: "stringify",
sourceColumn: 1,
type: "string",
role: "annotation"
},
2
]);
var options = {
title: "",
height: 220,
chartArea: {
width: '85%'
},
animation: {
"startup": true,
duration: 2000,
easing: 'out'
},
legend: {
position: "none",
},
viewWindow: {
min: [7, 30, 0],
max: [17, 30, 0]
},
hAxis: {
title: '',
minValue: 0
},
textStyle: {
bold: true,
fontSize: 12,
color: '#FFFFFF'
},
};
var chart = new google.visualization.ColumnChart(document.getElementById("chart_div"));
chart.draw(data, options);
}
</script>]]>
|