Google chrome Chrome中的D3拓扑渲染问题
下面的地图显示了美国一个州的城镇边界。在FF和Safari中,城镇边界渲染正确,但在Google Chrome中,许多边界弧连接到错误的节点。我的代码遵循优秀的教程。我的代码中呈现内部边界的部分是罪魁祸首,我尝试对拓扑特征进行排序,但没有效果。以下是片段: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
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
设置。希望你能在没有虚线的情况下生活 就这样。谢谢你,彼得!