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

bdf*_*ios 3 hover background-color echarts disable

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

Ser*_*rov 6

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

更新:

  • silent: true它是抑制系列事件的 Echarts 方法。在这种情况下,您可以使用方法来抑制mouseover地图发出的事件。设置silent为 true 不会产生任何事件。根据问题示例,您需要将行添加到系列选项中:
series: [{
  name: 'USA PopEstimates',
  type: 'map',
  roam: true,
  map: 'USA',
  silent: true, // <---- here
  [...]
}]
Run Code Online (Sandbox Code Playgroud)

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

  • emphasis定义将应用于mouseover事件映射的样式是一种简单易行的方法。看看官方教程如何使用这个方法:
series: [{
  name: 'USA PopEstimates',
  type: 'map',
  roam: true,
  map: 'USA',
  silent: true,
  emphasis: {
    label: {
      show: true
    }
  },
  [...]
Run Code Online (Sandbox Code Playgroud)