Chrome中的D3拓扑渲染问题

Question

下面的地图显示了美国各州的城镇边界.在FF和Safari中,城镇边界正确渲染,但在谷歌浏览器中,许多边界弧都连接到错误的节点.我的代码遵循这里的优秀教程.我的代码部分呈现内部边界是罪魁祸首,我尝试对拓扑功能进行排序,但它没有任何效果.这是片段:

    svg.append("path")
    .datum(topojson.mesh(maine, maine.objects.subunits, function(a, b) { return a !== b }))
    .attr("d", path)
    .attr("class", "subunit-boundary interior");

该网站的完整示例就在这里

Answer 1

我相信您的问题归因于此Chrome错误:

问题364866:SVG stroke-dasharray在断开的(M)路径段上应用破折号.

尝试stroke-dasharray从您的CSS中删除该设置.希望你能没有虚线的边界生活.