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

如何使用幻灯片效果修改饼图大小

1 个答案: