Google Chart bug pie

HTML

<script src="http://www.google.com/jsapi?ext.js"></script>
<h2>Labels as it should be:</h2>

<div id="piechart1"></div>

<h2>Label bug when displayed after draw:</h2>

<div id="piechart2" style="display:none;"></div>

JavaScript

google.load("visualization", "1", {
        packages: ["corechart"]
    });

    google.setOnLoadCallback(drawChart);

    function drawChart() {
        var data = new google.visualization.arrayToDataTable([
            ['label', 'figure'],
            ['A', 1450],
            ['B', 1186],
            ['C', 259],
            ['D', 30]
        ]);

        var options = {
            'width': 426,
                'height': 220,
                'legend': 'none',
            colors: ['#ae8877', '#bed600', '#e57200', '#9e1b32'],
            chartArea : {
                width: '90%',
                height: '80%'
            },
            pieHole:0.5
        };

        var chart1 = new google.visualization.PieChart(document.getElementById('piechart1'));
        chart1.draw(data, options);

        var chart2 = new google.visualization.PieChart(document.getElementById('piechart2'));
        chart2.draw(data, options);
        document.getElementById('piechart2').style.display = "block";
    }