ECharts-如何防止悬停时更改背景颜色

问题描述

当我将鼠标悬停在ECharts地图上时，我想防止背景颜色发生变化。 例如，请参见此链接https://echarts.apache.org/examples/en/editor.html?c=map-usa。如何将鼠标悬停在地图上，但是地图的颜色保持不变。当我将鼠标悬停在地图的任何部分时，我不希望背景颜色发生变化（在这种情况下为黄色）

解决方法

emphasis: { ... }与:hover类似，但是您可以silent: true将事件关闭。

更新：

• silent: true是Echarts方法，它抑制系列事件。在这种情况下，您可以使用方法抑制由地图发出的事件mouseover。将silent设置为true不会发生任何事件。根据问题示例，您需要在行选项中添加行：

series: [{
  name: 'USA PopEstimates',type: 'map',roam: true,map: 'USA',silent: true,// <---- here
  [...]
}]

几乎所有组件都具有此方法，您可以在运行时取消事件。

• emphasis是定义将应用于mouseover事件的地图的样式的简便方法。看一下official tutorial如何使用此方法：

series: [{
  name: 'USA PopEstimates',emphasis: {
    label: {
      show: true
    }
  },[...]

,

我现在已经实现了一个css解决方法，但是我在想有一个eCharts选项可以关闭对背景颜色的鼠标悬停操作。

我使用的css解决方案是

.turnOffHover{
    pointer-events: none;

}