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

Question

我有一个 Rails webapp 当前部署在 http://orbit-analytics.herokuapp.com/user/2990它利用 D3.JS 和 JavaScript 生成特定用户上传与时间相关的 SVG 图。该图在 Chrome、Safari 和 Firefox 中正确呈现，但突出显示刻度标签或滚动可能会导致部分图在 Safari 中消失(但不是 Chrome 或 Firefox)。这在具有类似图表的另一页上不是问题，可在 http://orbit-analytics.herokuapp.com/video/10 获得。 .

这是 Safari 问题还是我的代码有问题？谢谢。

Answer 1

当您删除 stroke 时，您的问题得到解决来自 line 的属性(property)在你的 CSS 中。作为you mentioned ，您可以直接使用样式函数应用此样式。

就添加次要行而言，考虑使用 axis.<a href="https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickSubdivide" rel="noreferrer noopener nofollow">tickSubdivide</a>([n]) .如果不是，您可能会在 Axis 中找到答案。组件。