2013-02-11 51 views
0

我有许多系列的高架图。我在图表下面放置了系列名称的图例。问题在于我不能预先知道传说的高度,有时它会覆盖上面的图表。传说重写图表

是否有可能使图表的大小适应JavaScript代码中的图例大小?对我来说最好的解决方案是保持固定图形的大小和放大封闭元素的高度。

编辑: 它类似于我的情况的jsfiddle:http://jsfiddle.net/KfWDD/1/

var chart = new Highcharts.StockChart({  
    chart: { 
     renderTo: 'container' 
    }, 
    legend: { 
     enabled: true, 
    }, 
    rangeSelector: { 
     selected: 1 
    }, 
    series: [{ 
     name: 'ADBE', 
     data: ADBE 
    }, { 
     name: 'MSFT', 
     data: MSFT 
    }] 
}); 

我想有导航下面的图例。我可以通过修复元素中的一些边距和偏移量来获得这一点,但如果图例变得太高,则布局会中断。

回答

0

您可以为图例设置maxHeight,并添加固定的margin以为该图例留出空间。

+0

问题似乎是图例和导航器之间的交互。我添加了一个jsfiddle来玩。我不明白'保证金'和'y'如何正确行事。 – 2013-02-11 18:56:32

+0

我通过设置'浮动:假'来解决问题,否则导航栏的偏移量将取决于图例的大小 – 2013-02-15 11:00:52