使用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

回答