Wie zentriere ich ein benutzerdefiniertes Label in Highcharts

8

Siehe ein Beispiel für ein Beispiel

%Vor%

Ich versuche, das benutzerdefinierte Label im JSON-Element / labels / items so auszurichten, dass es direkt unter dem Titel und dem Untertitel hängt.

Spielen mit Firebug Ich kann das SVG-Textelement für das Label ändern und text-align = 'middle' hinzufügen und das Attribut x = 'so ändern, dass es den gleichen Wert wie das x-Attribut des Titels hat. Dadurch wird es perfekt unter dem Titel ausgerichtet und bleibt dort, wenn die Größe geändert wird, aber ich kann nicht herausfinden, wie die Highcharts-Bibliothek diese Quelle erzeugen kann.

Vielleicht gibt es eine bessere Möglichkeit, ein anderes Label unter dem Untertitel hinzuzufügen?

    
Chrissy 09.10.2011, 03:27
quelle

3 Antworten

0

Schnellkorrektur: Fügen Sie dies Ihrem Stil hinzu

links: '160px'

    
Anil Soman 24.09.2012 09:36
quelle
0

Wenn Sie möchten, können Sie auch ein HTML-Element hinzufügen, nachdem das Diagramm für diesen Effekt generiert wurde (siehe Beispiel in Ссылка ).

In diesem Fall müssen Sie, um den richtigen zentrierten Effekt zu erhalten, explizit die Breite des Container-DIVs definieren.

%Vor%

Hier ist das HTML-Element:

%Vor%

Ich habe die 10% der Höhe des Containers gemacht, um die Position flexibler zu machen. Sie können auch bestimmte Pixelmaße hinzufügen oder subtrahieren, bis Sie sie an der gewünschten Stelle platzieren.

Ich hoffe, das ist hilfreich!

    
Mike Zavarello 20.01.2016 12:46
quelle
-1

Ich habe stattdessen percentange verwendet.

%Vor%

Überprüfen Sie diese Datei Ссылка

    
Tyler Jones 11.07.2015 06:52
quelle

Tags und Links