Google charts sa na mobile nezobrazia

Abdullah

Ahoj neporadil by mi niekto s google grafmi na desktope funguju v pohode tak ako majú ale ak stránku otvorím na mobile grafy sa mi vôbec nezobrazia.
HTML

Kód: Vybrať všetko

<div align="center">
       <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="piechart"></div>


          <!---graf vydajov-->
       <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="piechart2"></div>
       </div>

JS

Kód: Vybrať všetko

<script>

      var zamestnanie = <?php echo $zamestnanie; ?>;
      var podnikanie = <?php echo $podnikanie; ?>;
      var brigada = <?php echo $brigada; ?>;
      var pasivneprijmy = <?php echo $pasivne_prijmy; ?>;
      var dochodok = <?php echo $dochodok; ?>;
      var pridavky = <?php echo $pridavky; ?>;
      var ine = <?php echo $ine; ?>;


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

        var data = google.visualization.arrayToDataTable([
          ['Task', 'Príjmy'],
          ['Zamestnanie', zamestnanie],
          ['Podnikanie', podnikanie],
          ['Brigáda', brigada],
          ['Pasívne príjmy', pasivneprijmy],
          ['Dôchodok', dochodok],
          ['Prídavky', pridavky],
          ['Iné', ine]
        ]);

        var options = {
             title: 'PRÍJMY:',
             pieHole: 0.4,
          chartArea:{
          left:10,
          right:5,
          bottom:20,
          top:200,
          width:"100%",
          height:"100%"
          }

        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }
      $(window).resize(function() {
        drawChart();

      });

     </script>

CSS

Kód: Vybrať všetko

display: inline-block;
width: 35vw;
height: 35vw;
margin-top: -14vh;
z-index: 999;