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

时间:2015-03-04 05:03:33

标签: javascript d3.js geolocation geometry

连续几天玩D3。我画了一张世界地图,还有一些"事件"与地图上显示的地理位置。

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

日期范围为6月1日至8月31日。

当事件被添加到地图作为时间进度时,我有一个简单的圆圈。但是,我希望获得一个很好的发光效果,强调当前的地理位置是一个事件。 (例如:https://www.youtube.com/watch?v=ssbQ2PVxGng

到目前为止,我已经来了:

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');

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

0 个答案:

没有答案