2016-05-30 9 views
0

Ich habe ein Amcharts in einem Tab, aber wenn es beim Laden der Seite erstellt wird, ist es mit einem falschen (zu klein und manchmal zu 0px) komprimiert Höhe. Wenn ich die Registerkarte wechsle und zur Registerkarte "Diagramm" zurückkehre, kann ich deutlich sehen, dass die Größe geändert wird und nach einigen sichtbaren Höhenänderungen perfekt aussieht.Amcharts: kleine (manchmal 0px) Diagrammhöhe beim Laden der Seite (in der Registerkarte Standard)

Ich habe eine Reihe von ähnlichen Themen gesehen, aber sie alle beschweren sich über das Diagramm mit einer kleinen Größe nur beim Ankommen auf einer Registerkarte und nicht direkt beim Laden der Seite.

Ich habe versucht, invalidateSize(), validateNow(), etc. zu nennen, nachdem das Diagramm beim Laden der Seite erstellt wurde (auch mit einem Timeout), aber es funktioniert nicht.

Ist es wegen des Containers, der Amcharts nicht genug Informationen geben würde, um die richtige Größe zu verarbeiten? Wie kommt es, dass Amcharts in der Lage ist, die Größe der Diagramme neu zu berechnen, wenn die Registerkarte geändert wird, und zurück in die Diagrammvorlage?

Würden Sie bitte irgendwelche Hinweise für mich haben? Vielen Dank

Ich benutze Bootstrap Tabs System.

+0

Versuchen das Hinzufügen dieser Zeile in Diagramm Config 'Autodisplay Einstellung: true'. Wenn es funktioniert, poste ich eine bessere Erklärung als Antwort. – martynasma

+0

Danke martynasma, obwohl es immer noch nicht die Arbeit gemacht hat. Es hat sich nichts geändert:/ – mentinet

+0

Hallo, ich habe das selbe Problem. Wie hast du es endlich gelöst? – alebupal

Antwort

0

Ich habe es gelöst schließlich durch eine feste Höhe

.amcharts-chart-div{ 
    height: 436px !important; 
}