悬停后删除阴影答案

【问题标题】：Remove drop shadow after hover悬停后删除阴影
【发布时间】：2021-08-13 00:13:54
【问题描述】：

我需要在鼠标悬停时通过在状态周围添加描边并添加阴影来突出显示状态。但是当悬停关闭时，边框描边消失了，但阴影仍然存在。有什么办法可以去掉阴影吗？

投影被实现为过滤器。是否可以完全删除过滤器？

示例代码在这里：https://codepen.io/lima01/pen/OJmqgXv

var hoverState = polygonTemplate.states.create("hover");
hoverState.properties.fill = am4core.color("#367B25");
hoverState.properties.stroke = am4core.color("#ff0000");
hoverState.properties.strokeWidth = 5;

var hoverShadow = hoverState.filters.push(new am4core.DropShadowFilter);
hoverShadow.dx = 6;
hoverShadow.dy = 6;
hoverShadow.opacity = 0.3;

谢谢！

【问题讨论】：

标签： amcharts amcharts4

【解决方案1】：

您需要为多边形的默认状态设置默认过滤器，以便当悬停状态不再处于活动状态时，它知道要恢复到什么状态。您可以通过将多边形的 defaultState 的 DropShadowFilter 设置为不透明度为零来做到这一点：

var defaultFilter = polygonTemplate.defaultState.filters.push(
  new am4core.DropShadowFilter()
);
defaultFilter.opacity = 0;

【讨论】：