jquery - 结合jquery的拖动使用CSS更改highcharts高度

Question

背景:

我有以下两个例子:

1:使用 jquery(不是 jqueryui)拖动更改 div 的高度。 ( http://jsfiddle.net/QpqX8/ )c

2:由于使用 CSS 调整窗口大小，更改 highcharts div 的高度。 Link和 jsbin

所需的解决方案:

我想结合以上两个例子，这样当我拖动 div 边界时，highcharts 高度应该改变(但宽度不变)。

我是 CSS 的新手，尝试了一些组合，从一个代码中提取部分代码并与另一个代码合并......但遗憾的是无法使其工作。如果有人能帮我从中找出解决方案，那就太好了。再次感谢。

Answer 1

给你的例子:http://jsfiddle.net/QpqX8/128/

只需在您的拖动方法中添加 setSize() 即可调整图表大小:

drag: function (event, ui) { 
    var height = ui.offset.top; 
    $("#container").highcharts().setSize(null, height); 
}