2017-10-16 38 views
1

我最近升級到了Highcharts 6,並注意到以前沒有的標記動畫。我想禁用它,似乎無法這樣做。在我用Highcharts提出之前,我想知道我是否做錯了什麼。如何禁用Highcharts 6.x中的懸停標記動畫?

要明確:

  • 我謹
  • 我不想上標記懸停任何動畫懸停樣式(增加標記半徑和暈) - 無論是動畫中,或動畫走出

要查看行爲不當的標記,請加載this fiddle,然後將鼠標移到某個點上再移開。如果您註釋掉最近的Highcharts導入,而使用4.2.5,您會看到我所追求的行爲。

我可以在文檔中看到的唯一方法來禁用懸停動畫是動畫的持續時間設置爲0。我試圖在配置三點要做到這一點:

像這樣..

plotOptions: { 
    spline: { 
     marker: { 
      states: { 
       hover: { 
        animation: { 
         duration: 0 
        } 
       } 
      } 
     }, 
     states: { 
      hover: { 
       animation: { 
        duration: 0 
       }, 
       marker: { 
        states: { 
         hover: { 
          animation: { 
           duration: 0 
          } 
         } 
        } 
       } 
      } 
     } 
    } 
} 

但沒有任何工作。非常感謝幫助。提前致謝!

+0

你管理禁用標誌動畫,而無需禁用動畫圖表的休息嗎? –

+1

@DanielLoiterton我們最終只是和它一起生活,我認爲 - 但我提出了一個[問題](https://github.com/highcharts/highcharts/issues/7293),並且列出了一個解決方法,可能會對您有所幫助。 – goodforenergy

回答

1

禁用chart.animation似乎可以解決問題。它禁用所有圖表更新的整體動畫,但作爲API狀態,它可以作爲函數參數被每個單獨的API方法覆蓋。

API參考:
http://api.highcharts.com/highcharts/chart.animation.html

例子:
https://jsfiddle.net/sgz9dq8h/

+0

嘿!謝謝你快速的回覆。我想了一會兒你的小提琴沒有工作,但它看起來像是一個高難度的bug。如果你看這個截屏(https://www.dropbox.com/s/5an4xqgj0yfdimi/highcharts-bug.mov?dl=0),你會發現這個bug仍然存在於你的小提琴中,但僅僅在第一點,並在調整大小時消失。看起來很可疑 - 我會用高高的表示來記錄它。謝謝! – goodforenergy