Google chrome Chrome中的D3拓扑渲染问题

Google chrome Chrome中的D3拓扑渲染问题,google-chrome,d3.js,Google Chrome,D3.js,下面的地图显示了美国一个州的城镇边界。在FF和Safari中,城镇边界渲染正确,但在Google Chrome中,许多边界弧连接到错误的节点。我的代码遵循优秀的教程。我的代码中呈现内部边界的部分是罪魁祸首,我尝试对拓扑特征进行排序,但没有效果。以下是片段: svg.append("path") .datum(topojson.mesh(maine, maine.objects.subunits, function(a, b) { return a !== b })) .a

下面的地图显示了美国一个州的城镇边界。在FF和Safari中,城镇边界渲染正确,但在Google Chrome中,许多边界弧连接到错误的节点。我的代码遵循优秀的教程。我的代码中呈现内部边界的部分是罪魁祸首,我尝试对拓扑特征进行排序,但没有效果。以下是片段:

    svg.append("path")
    .datum(topojson.mesh(maine, maine.objects.subunits, function(a, b) { return a !== b }))
    .attr("d", path)
    .attr("class", "subunit-boundary interior");
该网站的一个完整示例是


我认为您的问题是由于这个Chrome错误造成的:


尝试从css中删除
stroke dasharray
设置。希望你能在没有虚线的情况下生活

就这样。谢谢你,彼得!