google-chrome - Chrome 中的 D3 拓扑渲染问题

Question

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

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

该站点的完整示例是 here

Answer 1

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

Issue 364866: SVG stroke-dasharray applies dashes across disconnected (M) path segments.

尝试删除 stroke-dasharray从你的 css 设置。希望您可以生活在没有虚线边界的情况下。