Highcharts Highmaps 防止初始缩放效果

Question

我用 Highmaps 制作了一张地图，最初放大到一个经纬度位置：see fiddle

这是我的代码：

    parsed: function() {
  var chart = this.chart,
    center = chart.fromLatLonToPoint({
      lat: 50,
      lon: 10
    });

   setTimeout(function() {
     chart.mapZoom(.2, center.x, center.y);

加载地图并启动时间滑块时，地图会放大。如何防止出现此动画？

Answer 1

您可以在图表级别禁用动画并在初始缩放后恢复它：

chart: {
  animation: false,
  ...
}

chart.update({
  chart: {
    animation: true
  }
});

现场演示： https://jsfiddle.net/BlackLabel/xarg940y/

API参考：https://api.highcharts.com/highmaps/chart.animation

Highcharts Highmaps 防止初始缩放效果

Highcharts Highmaps prevent initial zoom effect

animation

highcharts

zooming