Google-Diagramme mit flüssigem Bootstrap-Layout neu dimensionieren

8

Ich verwende Google-Diagramme mit der Anwendung "twitter bootstrap in rails".

Wenn die Spannweite im Fließlayout abnimmt, wird das übergeordnete Diagramm des Diagramms überlaufen.

Kann Google-Diagrammbreite in Prozent angegeben werden?

Bitte helfen Sie.

Aktualisieren

Ich verwende google_visualr .

Hier ist mein Controller-Code.

%Vor%

Und hier ist mein html.erb Code

%Vor%

Und in Java Script Code.

%Vor%     
Bot 15.08.2013, 17:51
quelle

2 Antworten

13

Sie können die Diagrammbreite im HTML

angeben %Vor%

Aus der Google Charts-Dokumentation:

  

Angabe der Größe in HTML - Das Laden eines Diagramms kann einige Sekunden dauern   und rendern. Wenn der Diagrammcontainer bereits in HTML formatiert ist,   Seitenlayout springt nicht herum, wenn das Diagramm geladen wird.

Hier ist eine Geige mit 100% Breite.

Aktualisieren
Um die Größe des Diagramms zu ändern, wenn das Fenster seine Größe ändert, können Sie jQuery verwenden, um die Diagrammgröße zu aktualisieren.

%Vor%

Hier ist eine Fiddle , die eine 100% -Breite mit der Aktualisierung auf dem Bildschirm anzeigt.

    
doitlikejustin 15.08.2013, 18:00
quelle
0

Ich verwende Google Charts mit ng-google-chart.js und um meine Diagramme zu erstellen responsive Ich habe style="max-width:100%"

hinzugefügt

Beispiel:

%Vor%     
Sjuul Janssen 01.11.2013 10:11
quelle