I`m versucht Google Chart ansprechbar für alle Geräte Größe

Question

Ich habe in meinem webApp Charts zu machen, die automatisch Daten von Google Analytics halten erzeugt, aber es ist nicht ansprechbar für alle Geräte

JavaScript-Code:

var dataChart1 = new gapi.analytics.googleCharts.DataChart({ 
    query: { 
     'ids': 'ga:789456123', // <-- Replace with the ids value for your view. 
     'start-date': '30daysAgo', 
     'end-date': 'yesterday', 
     'metrics': 'ga:pageviews', 
     'filters': 'ga:pagePath==<?php echo $page; ?>', 
     'dimensions': 'ga:date' 
    }, 
    chart: { 
     'container': 'chart-1-container', 
     'type': 'LINE', 
     'options': { 
     'width': '40%' 
     } 
    } 
    }); 
    dataChart1.execute(); 

generiert in HTML div-Tag:

<div id="chart-1-container" style="width:100%l height:100%;"></div> 

Answer 1

Bitte versuchen Sie dies, kann es Ihnen besser

helfen 0

$(window).resize(function(){ 
    drawChart(); 
}); 

Answer 2

Bind ein window Resize Ereignis-Listener, und neu zu zeichnen das Diagramm auf Resize

zB mit JQuery ..

$(window).resize(function(){ 
    redrawMychart() // impement this method which calls draw() method 
}); 

Edit: Da Sie Embedded Api verwenden .. dataChart1.execute(); Aufruf tun Der Job für Sie in Fenstergröße ändern.

Hinweis: Da jedes Mal, wenn das Fenster in der Größe geändert wird, die Größe neu festgelegt wird, sollten Sie nach intelligenten Größenänderungsoptionen suchen, um mehrere Neuzeichnungen zu vermeiden.