FINÁLNÍ VÝPRODEJ KREDITŮ na ITnetwork je tady. Využij poslední šanci a získej až 80 % extra kreditů ZDARMA na náš interaktivní e-learning. Zjisti více:
NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
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
 
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.