AmCharts V4-悬停事件结束时，AmCharts使用哪种默认状态？

通常，在将鼠标悬停时，精灵会返回到默认状态。

在这种情况下，这些行为是意外的，因为该自定义状态"active"实际上是保留名称state。当您在此处选择其他图表中的多边形时使用它。而不是返回到默认值，而是返回到活动状态。为了避免在悬停状态，默认状态和活动状态之间造成混乱，"hoverActive"在beta.45中引入了新状态。

如果我们将状态名称/键更改为其他名称，则会发现该行为更可预期，因此"active"可以使用一些任意键重新构建代码，从而得到：

var customActiveState = "selectedCountry";
var selectedPolygon;
polygonTemplate.events.on("hit", function(ev) {
  /* NEW: Create an active state and set fill color to red */
  let polygon = ev.target;
  if(selectedPolygon) {
     selectedPolygon.defaultState.properties.fill = am4core.color("#74B266");
     selectedPolygon.setState('default');
  }
  polygon.setState(customActiveState);
  selectedPolygon = polygon;
})

/* Create hover state and set alternative fill color */
var hs = polygonTemplate.states.create("hover");
hs.properties.fill = am4core.color("#367B25");

/* Create active state and set fill different fill color */
var as = polygonTemplate.states.create(customActiveState);
as.properties.fill = am4core.color("#FF0000");

例如：https：//codepen.io/team/amcharts/pen/477e8a80e09b4bf87128cd72cc082741

但这不是很有用，因为我们悬停时会立即失去红色。

因此，我们可以采取一些途径，更简单的方法是如何利用保留的活动状态并使它为您工作，或者几乎像您一直在做的那样管理defaultState。

方法1-利用Sprite的togglable和isActive属性（MapPolygons扩展）。

一旦精灵可切换，单击它会自动切换活动状态，因此我们将逻辑排除在命中事件之外，并且只需确保取消切换先前切换的国家即可：

var selectedPolygon;
polygonTemplate.events.on("hit", function(ev) {
  /* NEW: Create an active state and set fill color to red */
  let polygon = ev.target;
  if(selectedPolygon && selectedPolygon !== polygon) {
     selectedPolygon.isActive = false;
  }
  selectedPolygon = polygon;
})

/* Create hover state and set alternative fill color */
var hs = polygonTemplate.states.create("hover");
hs.properties.fill = am4core.color("#367B25");

/* Create active state and set fill different fill color */
var as = polygonTemplate.states.create("active");
as.properties.fill = am4core.color("#FF0000");

示例：https：//codepen.io/notacouch/pen/259c803601ff6f286a294d1477f022ba

方法2-省略整个自定义活动状态，获取您已有的代码，并覆盖新选择的多边形的当前填充和默认状态填充（我们必须覆盖当前填充，因为如果您只是覆盖defaultState的填充，则必须等到您将鼠标悬停才能看到它）：

var selectedPolygon;
polygonTemplate.events.on("hit", function(ev) {
  /* NEW: Create an active state and set fill color to red */
  let polygon = ev.target;
  if(selectedPolygon) {
     selectedPolygon.defaultState.properties.fill = am4core.color("#74B266");
     selectedPolygon.setState('default');
  }
  polygon.defaultState.properties.fill = polygon.fill = am4core.color("#FF0000");
  selectedPolygon = polygon;
})

/* Create hover state and set alternative fill color */
var hs = polygonTemplate.states.create("hover");
hs.properties.fill = am4core.color("#367B25");

示例：https：//codepen.io/team/amcharts/pen/67121e27c3c1d50d669bca0ed040f746