Foundation 6 - Tabs

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.1.2/foundation.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.1.2/foundation.min.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div class="row">
    <div class="medium-12 columns">
        <ul class="tabs" data-tabs id="sac-tabs">
            <li class="tabs-title is-active">
                <a href="#panel1" aria-selected="true">Relatórios</a></li>
            <li class="tabs-title"><a href="#panel2">Gráficos</a></li>            
        </ul>
        <div class="tabs-content" data-tabs-content="sac-tabs">
            <div class="tabs-panel is-active" id="panel1">
                <div class="row">
                    <div class="medium-12 columns">
                        CONTEUDO_TAB1
                    </div>
                </div>
            </div>
            <div class="tabs-panel" id="panel2">
                <div class="row">
                    <div class="medium-12 columns">
                        <div id="chart_div"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

JavaScript

$(document).foundation();

    google.charts.load('current', {'packages': ['corechart']});
    google.charts.setOnLoadCallback(drawVisualization);

    function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
            ['Departamento', 'Concluídas', 'Andamento', 'Pendentes'],
            ['Vendas', 5, 6, 2],
            ['Peças', 3, 4, 6],
            ['Serviços', 1, 2, 3],
            ['Administrativo', 7, 5, 3]
        ]);

        var options = {
            title: 'Gráfico',
            hAxis: {title: 'Departamento'},
            seriesType: 'bars',
            colors: ['#21BA45', '#F90', '#DC3912'],
            series: {5: {type: 'line'}}
        };

        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
      
      	setTimeout(function (){
        	chart.draw(data, options);
      	}, 10000);

       // chart.draw(data, options);
    };
    $(document).foundation();