2016-09-28 65 views
0

我有各种highcharts容器/图表没有每个在网格中的图例。现在我想创建一个highcharts,但只想显示图例来表示以前的图表中的以前的数据。我怎样才能得到一个图表只有使用highcharts的传说

我已经尝试创建使用spacing: [0,0,0,0]和很多系列没有数据{ data: [] }, { data: [] }的图表,但我不能在容器jsfiddle

正如你所看到的中间得到的传说,有一个我无法删除的空间。我使用paddinglegend选项没有成功

在此先感谢。

+1

不完全是你想要的,但这可能工作得足够接近。 http://stackoverflow.com/questions/19000546/highchart-legend-into-another-element-div –

+0

是我不认为它的另一种选择。感谢您指出这一点! – jbkunst

回答

2

您可以使用legend.verticalAlign,legend.maxHeight和legend.padding参数在正确的位置来定位你的传说:

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 
}, 

在这里你可以看到一个例子它如何工作: http://jsfiddle.net/dq4tr387/2/

+0

感谢Grzegorz。最后,为什么'-40'? – jbkunst

+1

好问题:)这只是一个例子 - 这一切都取决于你的图表高度。现在我认为更好的解决方案将使用verticalAlign:http://jsfiddle.net/dq4tr387/2/ –

+0

是的,它似乎更清楚。再次感谢! – jbkunst