Highcharts和jQuery animate：快速恢复到原始大小;仅在调整窗口大小时才有效

Question

令人沮丧的问题......我正在通过Highstock渲染图表;工作良好。然后，当我点击某个链接时，我正在使用jquery animate来缩小图表的大小;也行得很好。但是，一旦动画完成，图表就会快速恢复到原始大小。当我调整浏览器窗口的大小时，图表会变为正确的大小（即动画完成后它应该是什么）。这几乎就像图表需要重绘一样;但我试过调用重绘选项无济于事。谢谢你的帮助。

这是我的代码：

 $("#PriceChart").animate({
   width: "250px"
 }, 1500 );

我的图表：

var pricechart;
$(document).ready(function() {
    pricechart = new Highcharts.StockChart({
        chart : {
            renderTo : 'PriceChart',
            margin: 1
        },
 yadda yadda yadda

更新 jsfiddle：http://jsfiddle.net/GyY9m/8/

Answer 1

因为内部div .highcharts-container具有固定的宽度和高度。例如，您可以设置：

#PriceChart {
    overflow: hidden;
}