echarts点击事件多次执行

问题：

在工作中使用echarts渲染了一个地图，在地图上有click事件进入下级省市，但在做好后发现，地图都click事件在第一次点击，有一次响应，第二次点击有两次相应，第三次点击有四次相应，以此类推。

解决方式

开始想到的是clear方法，但是clear并不能关闭或清除click事件。后来查到off方法，成功解决；

initecharts(mapData, jsonName, cityName) {
    const convert = this.convertData(this.aqiData);
    //  注册地图
    echarts.registerMap('province', mapData);
    const myChart = echarts.init(this.elementRef.nativeElement.querySelector('#echartDom'));
    myChart.clear();
    myChart.off('click');
    const option = {
      title: {
        text: cityName,
        x: 'center',
        top: '20',
        textStyle: {
          color: '#fff',
          fontSize: 24
        }
      },
      grid: {
        left: 5,
      },
      geo: {
        map: 'province',
        zoom: '1.2',
        itemStyle: {