<div class="chart-container" id="pie-chart"></div>

<script>
    (function() {
        // Cache the container element
        var containerElem = document.getElementById('pie-chart');
        if (!containerElem) return;
        // Set a callback to run when the API is loaded
        google.charts.setOnLoadCallback(drawChart);
        // Config & draw chart
        function drawChart() {
            // Data
            var data = new google.visualization.DataTable();
            data.addColumn('string', 'Country');
            data.addColumn('number', 'Bottles');
            data.addRows([
                ['Germany', 197],
                ['France', 219],
                ['Italy', 348],
                ['Spain', 213],
                ['Australia', 111],
                ['Argentina', 183],
                ['Portugal', 321]
            ]);
            // Options
            var options = {
                legend: {
                    position: 'right'
                },
                chartArea: {
                    top: 8,
                    height: '100%',
                    width: '90%',
                },
            };
            // Draw
            var chart = new google.visualization.PieChart(containerElem);
            chart.draw(data, options);
        }
        // Redraw chart on window resize
        window.addEventListener('resize', function() {
            drawChart();
        });
    })();
</script>