在d3中渲染铁路数据时的奇怪填充效应

Question

使用d3渲染铁路数据的GeoJSON，我得到了奇怪的结果。该文件非常大，38M，所以我包含了它的一部分：https://gist.github.com/amiri/8202105。

这是我的代码：https://gist.github.com/amiri/8202126

当然最重要的一点是底部的最后一行。

我看到了形状，但线条没有正确绘制。相反，在线段的点之间存在某种填充。这是一个截图：

http://snag.gy/n2A2W.jpg

有谁知道发生了什么事？我将数据转换为topojson以查看是否可以解决我的问题，但我得到了相同的结果。这可能是一个CSS问题吗？

Answer 1

这可能是一个样式/ CSS问题。

尝试在路径上将填充设置为无..

path {
    fill: none;
    stroke: black;
    stroke-linejoin: round;
    stroke-width: 1.0;
}

或类似的东西。您可能还想在路径中添加一个类，以便您的css选择器可以特定于铁路路径（不确定这是“铁路”类的用途）。