| 734
| <![CDATA[<script>google.charts.load('current', {
'packages': ['corechart', 'bar']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data1 = google.visualization.arrayToDataTable([
['Laboratórios', 'Números de vacinas por laboratório'],
['Biontech (Pfizer)', 4394],
['Butantan (Coronavac)', 3130],
['Fiocruz (Astrazenica)', 2964],
['Janssen (Janssen)', 660],
]);
var options1 = {
is3D: false,
fontSize: 19,
fontName: 'var(--fontExtratLight)',
pieHole: 0.6,
pieStartAngle: 1,
backgroundColor: 'transparent',
sliceVisibilityThreshold: 0,
showLables: 'true',
pieSliceText: 'percentage',
pieSliceTextStyle: {
color: '#000000',
fontSize: 10
},
legend: {
position: 'right',
alignment: 'left'
},
chartArea: {
right: 48,
top: 12,
bottom: 12,
width: '100%',
height: '100%'
},
colors: ['#01818E', '#0096A7', '#00838D', '#4DD0E2', '#006656', '#00796A', '#006B5E', '#26A59A', '#2E7B35', '#398E3D', '#297E2B', '#66BB6A'],
tooltip: {
textStyle: {
bold: true,
color: '#3E3E3E',
fontSize: 13,
fontName: 'MyriadPro-Bold'
},
showColorCode: true,
isHtml: true,
ignoreBounds: true,
text: 'both',
},
};
var resto = 4289 - 4087;
var data2 = google.visualization.arrayToDataTable([
['População', 'Populacao'],
['População total (4289)', ''],
['População vacinada (4087)', 4087],
['População não vacinada (' + resto + ')', 4289 - 4087]
]);
var options2 = {
is3D: false,
fontSize: 19,
fontName: 'var(--fontExtratLight)',
pieHole: 0.6,
pieStartAngle: 1,
backgroundColor: 'transparent',
sliceVisibilityThreshold: 0,
showLables: 'true',
pieSliceText: 'percentage',
pieSliceTextStyle: {
color: '#000000',
fontSize: 10
},
legend: {
position: 'right',
alignment: 'left'
},
chartArea: {
right: 48,
top: 12,
bottom: 12,
width: '100%',
height: '100%'
},
colors: ['#01818E', '#2E7B35', '#66BB6A'],
tooltip: {
textStyle: {
color: '#3E3E3E',
fontSize: 13,
fontName: 'MyriadPro-Bold'
},
showColorCode: true,
isHtml: true,
ignoreBounds: true,
text: 'both',
},
};
var chart1 = new google.visualization.PieChart(document.getElementById('piechart'));
chart1.draw(data1, options1);
var chart2 = new google.visualization.PieChart(document.getElementById('piechart2'));
chart2.draw(data2, options2);
}</script>]]>
|
| 840
| <![CDATA[<script>google.charts.load('current', {
packages: ['corechart', 'bar']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['GRUPO', '1ª DOSE', {
role: 'annotation'
}, '2ª DOSE', {
role: 'annotation'
}, '3ª DOSE', {
role: 'annotation'
}, '4ª DOSE', {
role: 'annotation'
}, 'DOSE ÚNICA', {
role: 'annotation'
}],
['Trabalhadores Saúde Pública/Privada', 167, '167', 165, '165', 177, '177', 6, '6', 0, '0'],
['Idosos acima de 90 anos', 17, '17', 17, '17', 16, '16', 7, '7', 0, '0'],
['Idosos de 80 á 89 anos', 120, '120', 117, '117', 108, '108', 71, '71', 0, '0'],
['Idosos de 70 á 79 anos', 253, '253', 253, '253', 245, '245', 105, '105', 0, '0'],
['Idosos de 60 á 69 anos', 485, '485', 479, '479', 431, '431', 150, '150', 1, '1'],
['Pessoas com Comorbidades, Deficiência ou Gestantes', 468, '468', 467, '467', 412, '412', 4, '4', 3, '3'],
['Trabalhadores da Educação', 98, '98', 99, '99', 89, '89', 4, '4', 0, '0'],
['Pessoas de 50 a 59 anos', 317, '317', 318, '318', 245, '245', 0, '0', 3, '3'],
['Pessoas de 40 a 49 anos', 345, '345', 340, '340', 280, '280', 0, '0', 41, '41'],
['Pessoas de 30 a 39 anos', 404, '404', 406, '406', 345, '345', 0, '0', 59, '59'],
['Pessoas de 20 a 29 anos', 493, '493', 499, '499', 312, '312', 0, '0', 0, '0'],
['Pessoas de 12 á 19 anos', 434, '434', 438, '438', 75, '75', 0, '0', 0, '0'],
['Crianças de 05 a 11 anos', 379, '379', 344, '344', 1, '1', 0, '0', 0, '0'],
]);
var options = {
fontName: 'var(--fontExtratLight)',
fontSize: 15,
chartArea: {
fontName: 'var(--fontExtratLight)',
width: '50%',
height: 1300 - 50
},
hAxis: {
maxValue: 0
},
bar: {
groupWidth: '85%',
},
hAxis: {
baselineColor: 'transparent',
minValue: null,
ticks: []
},
legend: {
alignment: 'start',
position: 'top'
},
colors: ['#01818E', '#0096A7', '#006B5E', '#297E2B'],
backgroundColor: 'transparent',
annotations: {
stem: {
color: 'transparent',
length: 7
},
textStyle: {
fontName: 'var(--fontExtratLight)',
color: '#3E3E3E'
}
},
height: 1300,
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}</script>]]>
|
