如何修改幻燈片效果的Highchart大小

Question

我在兩列中的同一頁面上有多個圖表，並且我有一個按鈕，可以使用jquery animate()向右滑動，左邊的柱形圖隱藏右列圖表。

我的問題是：

使用功能chart.reflow()我只能調整圖表時動畫已經結束，這是不漂亮。

的其他問題，追加的時候我回流焊，我失去.brighten()財產上的餅圖（僅適用於餅圖）

一個小例子從我的小提琴來形容我的問題：

$('#resize').click(function(){ 
    $('#first').animate({ 
     width : '100%' 
    }, 600); 
    $('#second').animate({ 
     width : 'toggle', 
     opacity : 'toggle' 
    }, 600).queue(function(){ 
     $('#first').highcharts().reflow(); 
    }); 
}); 

http://jsfiddle.net/8t6ev/1/

感謝您的幫助！

Answer 1

看起來你需要使用step option of .animate()

$('#resize').click(function(){ 
    $('#first').animate({ 
     width : '100%' 
    },{ 
    duration: 600, 
    step: function() { 
     $('#first').highcharts().reflow(); 
    } 
    }); 

    $('#second').animate({ 
     width : 'toggle', 
     opacity : 'toggle' 
    }, 600).queue(function(){ 
     $('#first').highcharts().reflow(); 
    }); 
}); 

Updated Fiddle