畫布最初在Chrome中顯示，但不在Firefox中

Question

我目前正在開發一個簡單的圖形服務。它使用Chart.js進行渲染（基於畫布）。

問題是，雖然圖表顯示在Chrome中，但圖表最初並未顯示在Firefox 21中。如果將鼠標懸停在圖表上，則會顯示出來。

• Source。您可以在main.js找到相關位

歡迎對此主題有所瞭解。

編輯：請注意，如果您切換頂部鏈接（CDN名稱），此問題似乎是隨機發生的。不太確定那裏發生了什麼事。

編輯：看起來像是如果我畫一些簡單的（如線）到畫布而不是圖表，問題在Firefox中消失。看起來這是一個Chart.js特定的問題。

編輯：我在Chart.js上啓用動畫，解決了這個問題。爲了防止有人找到合適的解決方案，我會把這個問題留下。看起來像Chart.js中的一個bug。 I opened an issue爲了跟蹤這一點。

Answer 1

我剛剛和Chartjs和Firefox 24有類似的問題，我的「修復」是將動畫設置爲true，animationSteps：1。