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

Question

当我在ECharts地图上悬停时，我想防止背景颜色改变。例如，请参阅此链接https://echarts.apache.org/examples/en/editor.html?c=map-usa。我如何在地图上悬停，而地图的颜色保持不变。当我将鼠标悬停在地图的任何部分上时，我不希望背景颜色更改(在本例中为黄色

Answer 1

emphasis: { ... }类似于:hover，但是你可以通过silent: true来关闭事件。

更新：

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

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

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

定义将应用于map on mouseover事件的样式的方法非常简单。看看official tutorial如何使用这个方法：

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

Answer 2

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

我使用的css解决方案是

.turnOffHover{
    pointer-events: none;

}