echarts中的缩放动画和中心更改

Question

我正在使用echars来实现http://fintechmap.cuatromedios.com/fintechs-en-mexico/

中显示的地图

当用户单击地图或列表中的状态时，地图将居中并缩放到该状态，直接更改系列的缩放和居中属性。但是我找不到如何使用动画进行居中和缩放。有什么想法吗？

zoomToState (state) {
  if (state !== '') {
    this.$set(this.mapOptions.series[0], 'zoom', 4)
    this.$set(this.mapOptions.series[0], 'center', [this.$store.state.statesLocations[state].longitude, this.$store.state.statesLocations[state].latitude])
  } else {
    this.$set(this.mapOptions.series[0], 'zoom', 1.2)
    this.$set(this.mapOptions.series[0], 'center', [-102.5, 23.71])
  }