Javascript 我可以使用渐变将一个饼图转换为另一个饼图吗？

我正在使用Highcharts v.2.3.3，并构建了一个饼图。当用户单击某个图表时，我可以将该图表替换为另一个图表，但替换会立即发生。有没有办法让第一个饼图淡出，而新的饼图淡入，从而产生“模糊”效果

---

注意：在生成新图表之前，第一个饼图当前已被删除。

我将使用jquery淡出当前图表容器，如下所示：

$('#ChartContainer').fadeOut();

然后，我将用新的图表替换该图表，并使用jquery fadeIn（）将图表恢复到视图中

编辑

---

jquery fadeOut/fadeIn函数的第一个参数是一个可选的速度参数，因此可以对动画计时，使它们一起“模糊”

我找到了解决办法。我使用jquery克隆了第一个图表的svg元素，并将其附加到一个完全位于图表区域上方的div中。然后，我使用“虚拟”图表进行淡出动画，而无需在第二个图表中淡出

var clonedChart = $('#chartContainer').find('svg').clone();
$('<div class="cloned_chart"></div>').append(clonedChart).appendTo('#pieChartWrapper');

// delete first chart and create second one
....

// chart creation callback
$('.cloned_chart').fadeOut('slow', function(){
  $(this).remove();
});

var clonedChart=$（'#chartContainer'）.find（'svg'）.clone（）；
$（''）.append（clonedChart）.appendTo（'#pieChartWrapper'）；
//删除第一个图表并创建第二个图表
....
//图表创建回调
$（'.cloned_chart'）.fadeOut（'slow'，function（））{
$（this.remove（）；
});

谢谢@Robotsushi，但我不能在两者之间的转换中显示任何空格。我想我将尝试一种不同的方法，克隆创建的svg元素，附加到容器的父级，并在删除真实图表时将其作为“虚拟”图表淡出。感谢更新。唯一的问题是，旧图表在第二个图表生成之前就被销毁并从DOM中完全删除，因此淡入看起来有点奇怪，我不得不克隆图表，以便在淡入之后才能删除它的所有痕迹。