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

Question

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

Answer 1

emphasis: { ... } 类似 :hover 但你可以 silent: true 关闭事件。

更新:

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

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

几乎所有的组件都有这个方法，你可以在运行时抑制事件。

• emphasis 这是一种简单易行的方法来定义将应用于 mouseover 事件的 map 样式。看看official tutorial如何使用此方法:

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