2016-09-28 10 views
0

Ich habe verschiedene Highcharts Container/Charts ohne Legende jeweils in einem Raster. Jetzt möchte ich Highcharts erstellen, aber nur die Legenden anzeigen, die die vorherigen Daten in den vorherigen Diagrammen darstellen.Wie bekomme ich ein Diagramm nur mit Legenden mit Highcharts

Ich habe versuchen, ein Diagramm mit spacing: [0,0,0,0] und eine Menge Serie zu erstellen, ohne Daten { data: [] }, { data: [] } aber ich kann die Legende in der Mitte des Behälters nicht bekommen jsfiddle

Wie Sie sehen, Es gibt einen Platz, den ich noch nicht entfernen kann. Ich trid Verwendung padding in der legend Option ohne Erfolg

Vielen Dank im Voraus.

+1

Nicht ganz, was Sie wollen, aber das kann nahe genug arbeiten. http://stackoverflow.com/questions/19000546/highchart-legend-into-another-element-div –

+0

Ist eine andere Alternative, ich habe es nicht gedacht. Danke für das hier! – jbkunst

Antwort

2

Sie verwenden legend.verticalAlign, legend.maxHeight und legend.padding Parameter der Legende an der richtigen Stelle zu positionieren:

http://api.highcharts.com/highcharts/legend.verticalAlign http://api.highcharts.com/highcharts/legend.maxHeight http://api.highcharts.com/highcharts/legend.padding

legend: { 
    padding: 0, 
    margin: 0, 
    verticalAlign: 'middle', 
    maxHeight: 200 
}, 

Hier können Sie ein Beispiel sehen wie es funktionieren kann: http://jsfiddle.net/dq4tr387/2/

+0

Danke Grzegorz. Schließlich, warum '-40'? – jbkunst

+1

Gute Frage :) Es war nur ein Beispiel - es hängt alles von Ihrer Kartenhöhe ab. Gerade jetzt denke ich, dass eine bessere Lösung sein wird, verwenden Sie verticalAlign: http://jsfiddle.net/dq4tr387/2/ –

+0

Ja, es scheint klarer. Danke noch einmal! – jbkunst

Verwandte Themen