About the problem of drilling province under the map by clicking on vue-echarts-v3

the first picture is an online example of a map drilled down with echart3. The click event is assigned to the object through the init.
the second picture is made by me with the vue-echarts-v3 plug-in. At present, I have done the longitude and latitude positioning, and now I want to do the map drill-down function, but how to refer to the online example to get the object, and then add the click event? It seems that the init method cannot be used, so ask the Great God for help. There are no examples of the plug-in
vue-echarts-v3 on the Internet. There are only examples of echarts3 on the Internet. How to click on the map and know which province to click on?

Mar.07,2021

</IEcharts>
  </div>
</template>
<script>
import IEcharts from 'vue-echarts-v3/src/full.js';
export default {
methods: {
    onReady(instance) {
      console.log(instance);
    },
    onClick(event, instance, echarts) {
      console.log(arguments[0].name);
      this.$emit('chart-click', arguments)
    }
  }
}

write a generic component. If necessary, emit calls the parent component method to return parameters

methods: {

drawRegionalMap(e) {
  let name = e[0].name
  console.log(name)
},

}
arguments [0] .name is the name of the province in the map

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e522a9-4518c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e522a9-4518c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?