echarts地图中第二次选中不能取消高亮

在 Echarts 地图中，如果想要取消已经选中的区域，可以通过以下两种方式实现：

1. 通过清空选中的数据来取消高亮：

使用 `myChart.dispatchAction({type: 'downplay', seriesIndex: 0})` 来清空选中的数据，将 `seriesIndex` 参数设置为你要取消高亮的系列的索引。

2. 通过设置 `selectedMode` 参数来取消高亮：

在 Echarts 地图中，可以通过设置 `selectedMode` 参数来控制选中模式。默认情况下，`selectedMode` 的值为 `'single'`，表示只能选中一个区域。如果将 `selectedMode` 的值设置为 `'multiple'` 或 `'multiple-simultaneous'`，则可以选中多个区域，并且再次点击已选中的区域可以取消高亮。

例如，将 `selectedMode` 的值设置为 `'multiple'`：

option = {
    ...
    series: [{
        type: 'map',
        map: 'china',
        selectedMode: 'multiple', // 设置为多选模式
        ...
    }]
}

相关问题

echarts地图中以高亮的区域二次选中不能取消高亮，只能点击其他区域取消当前高亮区域

是的，这是因为在 ECharts 中，区域高亮是通过设置一个样式来实现的，而取消高亮则需要将该样式移除。如果当前区域已经被选中，那么该样式已经被添加到该区域上，需要手动将该样式移除才能取消高亮。

可以通过监听地图的点击事件，在点击高亮区域时将该区域的样式移除，从而取消高亮状态。具体实现可以参考以下代码：

myChart.on('click', function (params) {
  // 判断是否点击了高亮区域
  if (params.componentType === 'geo' && params.name === highlightedRegion) {
    // 移除高亮样式
    myChart.dispatchAction({
      type: 'downplay',
      geoIndex: 0,
      name: highlightedRegion
    });
    highlightedRegion = null;
  } else {
    // 高亮当前区域
    myChart.dispatchAction({
      type: 'highlight',
      geoIndex: 0,
      name: params.name
    });
    highlightedRegion = params.name;
  }
});

在上面的示例代码中，`highlightedRegion` 变量用于记录当前高亮的区域名称。当点击已经高亮的区域时，首先移除该区域的高亮样式，然后将 `highlightedRegion` 变量设为 null，表示当前没有高亮的区域。当点击未高亮的区域时，先将该区域高亮，然后将 `highlightedRegion` 变量设为当前区域名称。这样就可以实现在地图中点击高亮区域取消高亮的效果了。

echarts去除地图选中激活高亮

你可以通过设置 `emphasis` 属性来控制地图区域被选中时的样式。如果你想要取消地图选中激活高亮，可以将 `emphasis` 属性设置为空对象 `{}`。示例代码如下：

option = {
  series: [{
    type: 'map',
    map: 'world',
    emphasis: {} // 取消地图选中激活高亮
  }]
}

这样设置后，当用户点击地图上的区域时，该区域不会被高亮显示。