我正在研究D3上的一些不同的地图可视化。我有geoJson数据和一个有一些.on(“mouseover”)函数的地图来设置它。
现在,我想在鼠标悬停时扩展多边形的大小。使用矩形或圆形,我可以编写一个函数来扩展宽度或半径。有谁知道怎么做呢?
以下是我的代码示例:
var svg = d3.select("#map")
.append( "svg" )
.attr( "width", width )
.attr( "height", height );
var g = svg.append( "g" );
var albersProjection = d3.geo.albers()
.scale( 190000 )
.rotate( [71.057,0] )
.center( [0, 42.313] )
.translate( [width/2,height/2] );
var geoPath = d3.geo.path()
.projection( albersProjection );
var mapProperties = g.selectAll( "path" )
.data(data.features, function(d, i) {return d + i})
.enter()
.append( "path" )
.attr( "fill", "#150000" )
.attr( "d", geoPath )
.style("stroke", "#FFFFFF")
.style("stroke-width", 2)