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

Question

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

Answer 1

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

  事件地图的样式的简单方法。看看官方教程如何使用这个方法：

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;

}

Answer 3

您可以在系列项目中使用强调道具来禁用。

emphasis: {
    disabled: true,
  },