echart地图 点击地图显示区域边框

您可以使用 ECharts 的事件处理函数来实现此目的。首先，您需要在地图上设置一个事件监听器，以便在用户单击地图时触发事件。然后，您可以在事件处理函数中使用 ECharts 提供的 API 来高亮显示所选区域的边框。

以下是一个示例代码片段，演示如何使用 ECharts 在地图上实现此目的：

// 设置地图配置项
var option = {
  // ... 其他配置项
  series: [{
    // ... 其他系列配置项
    type: 'map',
    map: 'china',
    // 在地图上添加事件监听器
    emphasis: {
      label: {
        show: true
      }
    },
    // 在地图上添加事件监听器
    itemStyle: {
      borderColor: '#fff',
      borderWidth: 1,
      areaColor: '#ccc',
      // 添加事件监听器，当用户单击地图时触发
      emphasis: {
        borderWidth: 2,
        borderColor: '#fff',
        areaColor: '#ccc'
      }
    },
    data: [
      // ... 数据项
    ]
  }]
};

// 在 ECharts 实例中注册事件处理函数
myChart.on('click', function(params) {
  // 获取用户单击的区域名称
  var name = params.name;
  // 使用 ECharts 提供的 API 来高亮显示所选区域的边框
  myChart.dispatchAction({
    type: 'highlight',
    // 将所选区域的名称传递给 API
    name: name
  });
});

在上面的示例代码中，我们首先在地图的 `itemStyle` 中添加了一个事件监听器，以便在用户单击地图时触发。然后，在事件处理函数中，我们获取了用户单击的区域名称，并使用 ECharts 的 `dispatchAction` 函数来高亮显示所选区域的边框。在这种情况下，我们使用了 `highlight` 类型的操作来高亮显示边框。如果您希望取消高亮显示，请使用 `downplay` 类型的操作。