highcharts:用动画更新数据键

问题描述 投票:0回答:0

我最近发现可以在 highcharts 中将

series.data
的条目映射和重新映射到图表的不同属性,这很棒。然而,我对这项技术的一个问题是这些变化并不总是动画化的。

例如,以下函数通过重新映射数据键在第 3 列和第 4 列之间切换,用作条形图中的 y 坐标。当图表更新时,条形的宽度不使用缓动,而只是从一个位置跳到另一个位置。

let keys_toggle = false, keys1 = ["name", "y", "y2", "drilldown"],
  keys2 = ["name", "y2", "y", "drilldown"];
function switch_series() {
  keys_toggle = !keys_toggle;
  let keys = keys_toggle ? keys1 : keys2, chart = Highcharts.charts[0];
  chart.update({plotOptions: {series: {keys: keys}}});
}

完整演示:https://jsfiddle.net/GregorDeCillia/rxk8L2v0/93/

有没有办法配置它,使条形之间的过渡以与this fiddle中相同的方式动画化?我更喜欢重新映射列而不是使用多个系列的原因是,这使得数据对于大型向下钻取图表来说非常易于管理。

javascript animation highcharts transition
© www.soinside.com 2019 - 2024. All rights reserved.