Ich versuche, mein gerendertes Diagramm 100% des übergeordneten divs ohne Erfolg zu füllen. Gibt es eine Möglichkeit, die Lücke auf der linken und rechten Seite zu entfernen?
%Vor%Das Problem liegt an der jquery-Benutzeroberfläche. Nachdem Sie Ihr Diagramm gerendert haben, rufen Sie diesen Code auf, um das Diagramm neu zu füllen. Dies behebt mein Problem
%Vor%Ich habe es durch
gelöst %Vor%UPD:
2a. Ein anderer Weg ist - falls es nicht möglich ist, die Containergröße während der "Design" -Zeit zu definieren, können Sie das Diagramm nach dem Laden des Diagramms reflow (d. h. rufen Sie chart.reflow ();):
%Vor%Siehe Beispiel Ссылка
Wenn Sie dem Diagramm die Eigenschaft width nicht zur Verfügung stellen, sollte es automatisch die Breite des Containers erhalten.
Also entfernen Sie einfach die Breite aus dem Diagramm und geben Sie den Container width: 100% und das sollte funktionieren.
Wenn Sie eine bestimmte Breite wünschen, ändern Sie einfach die Containerbreite auf eine bestimmte Größe. Das Diagramm sollte immer noch 100% dieser Größe sein. JSFiddle
Beispiel:
HTML
%Vor%JS
%Vor%CSS
%Vor%Tags und Links javascript jquery highcharts