ECharts 移动端 focus触发问题

在 ECharts 移动端中，如果需要通过点击事件来触发 focus 行为，需要使用 `setOption` 方法中的 `option` 对象中的 `graphic` 属性来添加一个矩形元素，然后监听这个矩形元素的点击事件，当矩形元素被点击时，调用 `setOption` 方法设置 `focus` 属性来触发 focus 行为。具体实现步骤如下：

1. 在 `option` 对象中添加 `graphic` 属性，并且设置一个矩形元素，代码如下：

option = {
  // 其他配置项
  graphic: [{
    type: 'rect',
    left: 'center',
    top: 'center',
    z: 100,
    shape: {
      width: 300,
      height: 300
    },
    invisible: true,
    draggable: true,
    ondrag: function(params) {
      // 矩形元素被拖拽时触发的函数
      // 这里可以根据拖拽的位置设置 focus 的位置
    },
    onclick: function(params) {
      // 矩形元素被点击时触发的函数
      // 这里可以调用 setOption 方法设置 focus 属性来触发 focus 行为
    }
  }]
}

2. 监听矩形元素的点击事件，在点击事件中调用 `setOption` 方法设置 `focus` 属性来触发 focus 行为，代码如下：

chart.on('click', function(params) {
  // 点击事件触发后，显示矩形元素
  chart.dispatchAction({
    type: 'showTip',
    seriesIndex: 0,
    dataIndex: params.dataIndex,
    position: ['50%', '50%']
  });
});

3. 在矩形元素的 `ondrag` 函数中，可以根据拖拽的位置设置 focus 的位置，代码如下：

ondrag: function(params) {
  // 计算矩形元素中心点的坐标
  var centerX = params.target.position[0] + params.target.shape.width / 2;
  var centerY = params.target.position[1] + params.target.shape.height / 2;
  // 将矩形元素中心点的坐标转换为数据坐标系中的坐标
  var pointInGrid = chart.convertFromPixel({seriesIndex: 0}, [centerX, centerY]);
  // 设置 focus 的位置
  chart.dispatchAction({
    type: 'focusNodeAdjacency',
    seriesIndex: 0,
    dataIndex: params.dataIndex,
    // 将 focus 的位置设置为矩形元素中心点对应的节点
    // 这里假设节点对应的数据项为 {name: 'node1'}
    name: 'node1'
  });
}

注意，以上代码仅供参考，具体实现需要根据实际情况进行调整。