调整窗口大小时如何使图表适合div?

时间:2013-07-08 12:48:26

标签: highstock

我在窗口调整大小时使用下面的代码调整图表大小。

$(window).resize(function() 
{    
    chart.setSize(
       $(document).width(), 
       $(document).height()/2,
       false
    );   
});

对于RangeSlection按钮,我已在图表中间显示。我在Sebastians链接http://jsfiddle.net/SPhYd/中使用了Jugal 并动态修改按钮宽度。

var leftPosition = this.chart.plotLeft + 150

(而不是150我已经通过按钮宽度)

当我调整图表大小时,图表会在ipad纵向模式下截止,并且图表中也会出现范围选择按钮(3yr,10yr,ytd)。 enter image description here 你能否建议如何在图表中间放置范围选择按钮,并根据winow resize调整div中的图表?

先谢谢。

1 个答案:

答案 0 :(得分:0)

您是否考虑过使用width / height(容器大小)百分比?然后它会响应。

http://jsfiddle.net/3tjhk/

尝试调整窗口大小。