Highcharts:如何为数据键更新添加平滑过渡动画?
Highcharts数据键重映射时实现平滑过渡动画的方法
我发现Highcharts支持将series.data的条目映射及重新映射到图表的不同属性,这一特性非常实用。但存在一个问题:这类更改往往无法触发预期的动画效果。
举个例子,下面的函数通过切换数据键映射,让柱状图在第2列和第3列数据之间切换作为y轴值,但更新图表时,柱状图没有缓动过渡效果,而是直接从旧y值跳转到新y值:
let keys_toggle = false, keys1 = ["name", "y", "y2"], keys2 = ["name", "y2", "y"]; function switch_series() { keys_toggle = !keys_toggle; let keys = keys_toggle ? keys1 : keys2, chart = Highcharts.charts[0]; chart.update({plotOptions:{series:{keys: keys }}}); }
我希望实现和官方setData示例一致的过渡动画效果。选择数据键重映射而非多系列方案,是因为这能让大型钻取图表的数据管理更便捷,请问是否有配置方式可以达成这个需求?
内容的提问来源于stack exchange,提问作者Gregor de Cillia
相关产品推荐
相关产品推荐

