带有reveal.js : Refresh chart with slide?的Highcharts

Question

我想在reveal.js 演示文稿中包含一个Highchart 图形。图表集成良好，但图表动画(例如条形图的增长)在“幻灯片”不可见时播放。

如何在幻灯片更改时强制动画“刷新”？

谢谢你的帮助!

Answer 1

一种方法是在您希望动画开始时重新创建图表。

我不是 Reveal.js 的专家，但看起来您在更改幻灯片时有一个事件，您可以用它来重绘图表以使其动画化:

Reveal.addEventListener( 'slidechanged', function( event ) {
    redrawChart();     
} );