NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
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.