2017-05-31 1 views
1

In meinen Highstock Charts benötigte ich Label auf der linken Seite der Graphen. Wenn ich opposite: false + align: left für Etiketten verwendete, werden sie über Diagramm positioniert. Aber ich möchte Graph Rendering starten, nachdem die Labels enden. Left side labels without required graph renderGraphenrendering nach linksseitigen Labels in Highstock starten

Ich sah Lösung für mein Problem in Highcharts nicht in Highstock einige Zeit zuvor. Aber jetzt kann ich nicht finden, es zu zeigen, was genau muss ich

Erwartetes Ergebnis

Expected result

Vielen Dank im Voraus

+0

Ich verstehe nicht, wie die Geige, die Sie im Zusammenhang mit nicht tun, was Sie gesagt haben, Sie wollen. Können Sie näher erläutern, was das Problem ist und/oder was Sie wollen? – jlbriggs

+0

Ein Bild des erwarteten Ergebnisses hinzugefügt – Annihilus

+0

Es konnte in einem normalen Diagramm mit minPadding erreicht werden - http://jsfiddle.net/761yct66/ In stockChart minPadding funktioniert nicht, da Extreme dynamisch geändert werden. – morganfree

Antwort

0

OK, so dass Sie die Etiketten innerhalb der Zeichnungsfläche wollen.

Sie können dies tun, indem

labels: { 
    align: 'left', 
    x: 0 
} 

auf Ihre yAxis Eigenschaften hinzufügen.

Dadurch wird der Anfangspunkt der Beschriftungen an die Achsenlinie verschoben und die Beschriftungen werden von diesem Punkt aus nach rechts verschoben. Wenn Sie möchten, dass sie weiter nach innen geschoben werden, erhöhen Sie einfach x.

Das Problem, das Sie haben werden, ist, dass das Diagramm die Platzierung des Etiketts nicht respektiert - Ihre Linie beginnt immer noch am selben Punkt, als ob die Etiketten nicht da wären.

Normalerweise könnte man einfach nutzen die minPadding Einstellung auf dem xAxis den Raum für die Etiketten zu erhöhen, aber dies im Falle des navigator nicht funktioniert, wie hier erklärt:

Wenn die Achse min Option gesetzt ist oder eine extreme min wird mit axis.setExtremes set(), wird der minPadding wird ignoriert

Ich bin mir sicher, dass es für dieses Problem einige Probleme gibt, aber ich habe derzeit keine Lösung.

Aktualisiert Geige: