使用D3.js生成的SVG图形在Safari中滚动时消失

我有一个Rails web应用程序，当前部署在http://orbit-analytics.herokuapp.com/user/2990，它利用D3.JS和JavaScript来生成与时间相关的特定用户上传的SVG图形。该图形在Chrome，Safari和Firefox中正确呈现，但突出显示刻度标签或滚动会导致图形的某些部分在Safari中消失（但不包括Chrome或Firefox）。这在另一个具有类似图表的页面上没有问题，可在http://orbit-analytics.herokuapp.com/video/10处获得。使用D3.js生成的SVG图形在Safari中滚动时消失

这是一个Safari问题或我的代码有问题吗？谢谢。

2012-07-17 jimmydief

你的d3代码看起来很好，并且移除你的CSS似乎可以解决这个问题。我会看看我能否找到一些看起来不正确的东西。 – Wex 2012-07-17 19:22:28

经过进一步的检查，似乎从'line'中删除'stroke'可以修复您的问题（尽管它会删除您的线条）。无法真正弄清楚为什么 - 希望这可以让你指向一个方向。 – Wex 2012-07-17 19:37:24

谢谢，这是我需要的正确方向的微调。通过使用d3而不是CSS将网格线添加到网格来解决这个问题，尽管我不知道为什么会这样。如果您将其作为答案发布，我会接受它。 – jimmydief 2012-07-17 20:29:41

当您在CSS中从line中删除stroke属性时，您的问题得到解决。由于you mentioned，您可以直接将此样式与样式函数一起应用。

只要添加次要线条，请使用axis. tickSubdivide ([n])进行调查。如果不是，您可能会在Axis组件中找到您的答案。

2012-07-17 20:44:32 Wex

感谢您的帮助。 – jimmydief 2012-07-17 21:27:43

回答