D3-Topologie-Rendering-Problem in Chrome

Question

Die folgende Karte zeigt die Stadtgrenzen für einen Bundesstaat in den USA. In FF und Safari werden die Stadtgrenzen korrekt dargestellt, aber in Google Chrome sind viele der Grenzbögen mit den falschen Knoten verbunden. Mein Code folgt dem ausgezeichneten Tutorial here. Der Teil meines Codes, der die inneren Grenzen rendert, ist der Übeltäter, und ich habe versucht, die Topologie-Features zu sortieren, aber es hatte keine Wirkung. Hier ist der Code-Schnipsel:

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

Ein vollständiges Beispiel der Website ist here

Answer 1

Ich glaube, Ihr Problem zu diesem Chrome Fehler zurückzuführen ist:

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

Versuchen Sie, die Einstellung stroke-dasharray zu entfernen. F aus deinem css. Hoffentlich kannst du ohne die gestrichelten Grenzen leben.