Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Google charts sa na mobile nezobrazia

Aktivity
Avatar
Andrej Legát
Člen
Avatar
Andrej Legát:15.2.2017 15:44

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

<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

<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

display: inline-block;
width: 35vw;
height: 35vw;
margin-top: -14vh;
z-index: 999;
Editováno 15.2.2017 15:45
 
Odpovědět
15.2.2017 15:44
Avatar
Andrej Legát
Člen
Avatar
Andrej Legát:15.2.2017 15:47

Na PC to vyzerá takto

 
Nahoru Odpovědět
15.2.2017 15:47
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.