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