Javascript 如何在D3圆形地质点上产生发光效果

已经玩了几天了。我画了一张世界地图，地图上显示了一些带有地理信息的“事件”

每个事件由经度、纬度、日期组成

日期从6月1日到8月31日

当事件随着时间的推移被添加到地图上时，我有一个普通的圆圈。然而，我想实现一个很好的发光效果，以强调当前的地理点是一个事件。（此处示例：）

到目前为止，我已经提供了：

svg.append('svg:circle')
.attr('cx', coordinates[0])
.attr('cy', coordinates[1])
.attr('r', 4)
.transition('next', function() {
d3.select(this)
.duration(300)
.attr('r', 7)
.attr('fill', 'yellow')
.attr('fill-opacity', .3);
})
.attr('fill', 'orange');

---

但是到目前为止我还没有运气。

所以当一个事件发生时，你想让圆圈变大吗？基本上是的。我希望它是半径4，使用不透明度前进到半径7，然后向后前进到半径3。然后，当事件发生时，您只需调用类似于

d3.select（element）.transition（）.attr（“r”，7）.attr（“填充不透明度”，.5）

，谢谢。当你说“当事件发生时”，基本上事件发生时，圆圈是在地图上创建的，所以我不知道当时如何集成它。然后你所需要的就是

svg.append（“圆圈”）…transition（）.attr（“r”），7.attr（“fill opacity”，.5）

。