使用 d3 呈现铁路数据的 GeoJSON 时,我得到了奇怪的结果。文件很大,38M,所以我包含了其中的一个:https://gist.github.com/amiri/8202105 .
这是我的代码:https://gist.github.com/amiri/8202126
当然最重要的是底部的最后几行。
我看到了形状,但线条绘制不正确。相反,在线段的点之间正在进行某种填充。这是一个屏幕截图:
有人知道发生了什么事吗?我将数据转换为 topojson 以查看是否可以解决我的问题,但我得到了相同的结果。这可能是 CSS 问题吗?
最佳答案
这可能是样式/CSS 问题。
尝试将路径上的填充设置为无..
path {
fill: none;
stroke: black;
stroke-linejoin: round;
stroke-width: 1.0;
}
或类似的东西。您可能还想向路径添加一个类,以便您的 css 选择器可以特定于铁路路径(不确定这是否是“铁路线”类的用途)。
关于javascript - 在 d3 中渲染铁路数据时奇怪的填充效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20863094/