Rotierte Beschriftungen der X-Achse überlappen den Graphen selbst

8

Ich kämpfe mit gedrehten X-Achsen-Etiketten. Wenn sie länger als 5-6 Zeichen sind, überlappen sie das Diagramm, wie Sie hier sehen können: Ссылка Wenn dies nicht angezeigt wird, können Sie den Fehler unter dem Code in einem jsfiddle-Fenster einfügen.

%Vor%

Auch wenn für die labels-Eigenschaft ein y-Wert festgelegt wird, wird dies nur für kleinere Labels berücksichtigt.

Weiß jemand die Lösung oder was mache ich falsch?

    
Guillaume Schuermans 17.03.2011, 07:27
quelle

2 Antworten

18

Sie könnten versuchen, align: 'right' an das X-Achsen-Label-Objekt anzuhängen.

z.B.

%Vor%     
escouser 17.03.2011, 12:58
quelle
0

Manchmal müssen Sie tun, dass Kunden wollen, und ich kenne den Weg unten ist es nicht der beste Weg, aber vielleicht wird es jemandem helfen). So, wie ich weiß, verwendet HighCharts zwei Möglichkeiten, Diagramme zu visualisieren. Es ist SVG (zum Beispiel unterstützte Chrome, IE & gt; 8 Browser) und VML (unterstützt von IE & lt; = 8). So enthält jeder Weg Punkte, an denen dieser Fehler gelöst werden kann, den Sie mit weichem Brechen brauchen.

Um es in SVG zu lösen, müssen Sie die Funktion buildText finden und an dieser Stelle ändern:

%Vor%

zum Beispiel, um ein neues separates Symbol hinzuzufügen:

%Vor%

Wenn Sie möchten, dass es in VML funktioniert. Sie können Ihre eigene Funktion schreiben, die denselben Code in der BuildText-Funktion erstellt:

%Vor%

Und danach müssen Sie diese Funktion aufrufen, wenn das Diagramm geladen ist www.highcharts.com/ref/#chart-events--load (Entschuldigung im neuen Benutzer). Wenn Sie mehrere Diagramme auf einer Seite haben, können Sie diese als Parameterdiagramm-ID an die Funktion softBreaks () übergeben.

    
user956669 21.09.2011 11:29
quelle