Jimdo-Elemente » Widget für Google Sheets Diagramm

25.01.2019 20:05 (zuletzt bearbeitet: 25.01.2019 20:28)

Kersten
#1

Ke

Ich bin am Verzweifeln. Ich habe Tabellen mit Google Sheets erstellt und daraus Diagramme abgeleitet. Diese möchte ich nun auch in meine Homepage einbinden. Der Link zum Einbetten wird mir zur Verfügung gestellt. Soweit so gut. Aber ich bekomme es partout nicht hin, dass das Diagramm über die gesamte Breite dargestellt wird und die Höhe kann ich erst recht nicht richtig einstellen. Ganz zu schweigen von der Responsive-Darstellung. Auf Width und Height reagiert das Ding nicht. Auch nicht, wenn ich dem iFrame ne ID oder Class gebe. Mit einem div drum herum funzt es auch nicht.

Hat jemand damit schon Erfahrung gesammelt und kann mir verraten, wie ich es hinbekomme?

Die Seite: https://www.palaneris.de/palaneri-s/palaneri-s-a-kromis/a1-gewicht/

Der Original-Link zum Einbetten des 1. Diagramms lautet:

1
2
 
<iframe width="1011" height="624" seamless frameborder="0" scrolling="no" 
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTmFMgxmRSC3VN8FBtBDR0QBOBxCGGkWgpBuI_6fCycWVhcA_CDqaJOx4VfDC3VLCNQpkB8iJH3EDLF/pubchart?oid=2141597084&amp;format=interactive"></iframe>
 

Antworten

Beitrag melden

#2

25.01.2019 20:41 (zuletzt bearbeitet: 25.01.2019 20:42)

az_
#2

az_

...interessante Frage. Ich hab Deinen Link gerade einmal auf einer meiner Testseiten eingesetzt. Mehr als 100% Breite bekommst du nicht hin, nicht einmal mit meinem Fullwidth-Widget:

https://designtest-newyork.jimdo.com/fullwidth/test/

...für 100% Breite (Contentbreite) musst du das iframe-Skript ändern (width="100%"):

1
2
3
4
5
6
 

 
<iframe width="100%" height="624" seamless="" frameborder="0" scrolling="no" 
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTmFMgxmRSC3VN8FBtBDR0QBOBxCGGkWgpBuI_6fCycWVhcA_CDqaJOx4VfDC3VLCNQpkB8iJH3EDLF/pubchart?oid=2141597084&amp;format=interactive">
</iframe>
 
 

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

26.01.2019 16:53 (zuletzt bearbeitet: 26.01.2019 16:57)

Kersten
#3

Ke

Kersten

Jepp. So habe ich es auch schon gemacht. Bringt aber Nullkommanix. Das Diagramm ist nur so groß, weil ich es in Google Sheets so groß gezogen habe, bevor ich den Link angefordert habe. Wenn du auf meiner Seite weiter nach unten scrollst, siehst du 2 weitere Diagramme aus dem selben Sheet, die ich nicht vor vergrößert habe. Den iFrame-Code habe ich auch da auf 100% gesetzt. No reaction. Kommst du über den Link auf mein Google Sheets? vielleicht kannst du daraus noch was erkennen? Das macht mich echt wahnsinnig!

LG Kersten

PS: Und an die Bildschirm-/Browsergröße passt es sich auch nicht an. grrrr