Question

我正在尝试将圆圈插入到质心地图/ HTML页面上的元素中

function socket() {
    socket.on = io.('/map');
    socket.on(func(data)) {
    var countyid = data.countyid;
    var isAffected = data.affected; //may be 0 or 1
    var selectorId = '[id="'+ Number(countyid)+'"]';
    svg.selectAll(selectorId)
        .enter().append("circle")
        .attr("class","circle")
        .attr('transform', path.centroid(d3.select(countyid)))
        .attr('r',20);
    }
}

似乎行不通。

我已经能够使用一种非常不同的方法来解决这个问题。

我使用https://bost.ocks.org/mike/bubble-map/

为所有县创建了质心

然后我使用jquery更改了质心的属性。通过这种方式，我通过套接字删除了svg创建。

Answer 1

在svg中绘制圆圈可以通过指定其属性来实现。

的 CX，CY，R

cx，cy 确定圆圈在svg内绘制的位置。基本上是X轴和Y轴定位位置

r 是圆的半径

<svg width="100" height="100"> <circle cx="50" cy="50" r="40"/> </svg>

在代码中指定属性，这将为您解决

使用县标识在d3.js中动态地将圆插入地图

1 个答案: