| 728
| <![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)', 8910],
['Butatan (Coronavac)', 7624],
['Oxford (Astrazenica)', 7050],
['Janssen Cilag (Janssen)', 915],
]);
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 = 10801 - 9787;
var data2 = google.visualization.arrayToDataTable([
['População', 'Populacao'],
['População total (10801)', ''],
['População vacinada (9787)', 9787],
['População não vacinada (' + resto + ')', 10801 - 9787]
]);
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>]]>
|
| 834
| <![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'
}, '5ª DOSE', {
role: 'annotation'
}, 'DOSE ÚNICA', {
role: 'annotation'
}],
['Todos os Públicos', 9448, '9448', 8327, '8327', 5463, '5463', 0, '0', 0, '0', 339, '339'],
]);
var options = {
fontName: 'var(--fontExtratLight)',
fontSize: 15,
chartArea: {
fontName: 'var(--fontExtratLight)',
width: '50%',
height: 100 - 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: 100,
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}</script>]]>
|
