当窗口调整大小时，如何让我的高图减小尺寸

Question

当窗口大小缩小时，我无法让我的高图减小尺寸。

我在的jsfiddle创造了我的代码示例http://jsfiddle.net/britboy/UvFaQ/

<table border='1' width='100%'><tr><td width='100%'> 
<div id="container" width='100%'></div> 
</td></tr></table> 

其显示在表的简单Highchart图表 - 如果我使窗口更大的图表扩展，但是如果我让窗口更小图表不希望减少表格获取滚动条。

我试着设置resize事件，然后用chart.setSize（）调整图表大小，但问题是包含图表的div永远不会减小任何进一步的大小，所以setSize（）不会触发。由于图表容器变大时图表会自动调整大小，因此尽管在图表变小时图表容量应该一样。我认为问题在于图表的大小阻止了它的容器缩小。

如何在表格中对图表进行编码，以减小表格时的尺寸？ 谢谢

Answer 1

有ñ数量的方式来实现它。

有人会像@Azeem指出的那样。在评论中。

其他方式，我实际上是用window来绑定它。无论何时窗口重新调整大小，绑定事件都会触发一个函数来重新调整用于呈现图表的div元素的大小。

$(window).bind("resize", resizeChart); 

然后，

function resizeChart() { 
    var width = $(document).width() - 55; 
    var height = $(document).height() - 60; 
    $("#container").css("width", width); 
    $("#container").css("height", height); 
} 

退房样品小提琴here。

Answer 2

尝试此方法：

var chart = $('#graph1').highcharts(); 
var DetailsWidth = $('#graph1'); 

http://jsfiddle.net/cjohn/5ghzk4t8/4/