Highcharts和jQuery動畫：捕捉到原始大小;只有當窗口被調整大小

令人沮喪的問題...我通過Highstock呈現圖表;工作正常。然後，我使用jquery動畫來縮小圖表的大小，當點擊某個鏈接時;也很好。但是，一旦動畫完成，圖表就會恢復爲原始大小。當我調整瀏覽器窗口的大小時，圖表會變成正確的大小（即動畫完成後應該是什麼）。這幾乎就像圖表需要重繪;但我已經嘗試調用重繪選項無濟於事。謝謝你的幫助。Highcharts和jQuery動畫：捕捉到原始大小;只有當窗口被調整大小

這裏是我的代碼：

$("#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/

來源

2013-03-21 Ben Wilson

它看起來像什麼時使用'.width（）'和'.Height（）'？你能創建一個jsFiddle嗎？ – 2013-03-21 18:38:55

同樣的事情...沒有任何反應，直到我手動調整瀏覽器窗口...將嘗試設置一個JS小提琴。 – 2013-03-21 18:56:43

這是一個jsfiddle：http://jsfiddle.net/GyY9m/8/正如你所看到的，一旦動畫完成，寬度就會恢復正常。 – 2013-03-21 19:25:12

由於內部的div .highcharts-container有固定的寬度和高度。你可以例如設置：

#PriceChart { 
    overflow: hidden; 
}

來源

2013-03-22 10:59:31

Highcharts和jQuery動畫：捕捉到原始大小;只有當窗口被調整大小

回答

相關問題