javascript - 在 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 选择器可以特定于铁路路径（不确定这是否是“铁路线”类的用途）。