chart.js注意事項

標籤：str   mobile   相容   輕量級   default   step   注意事項   oid   chart   

  // 在手機測試，canvas中的動畫看起來很卡，效能很差

    // PC上還不錯

    if (/Mobile/i.test(navigator.userAgent)) {

        //針對手機，效能做一些降級，看起來就不會那麼卡了

        Chart.defaults.global.animationSteps = Chart.defaults.global.animationSteps / 6

        Chart.defaults.global.animationEasing = "linear"

    }

 

附錄：

其中用到的軟體：

Chart.js架構，版本1.0.2，一個簡單、輕量級的繪圖架構，基於HTML5 canvas。這個架構能很多種圖，折線圖、柱狀圖、玫瑰圖等。

excanvas.js，這是一個專門解決canvas IE相容問題的架構。因為IE9已經支援canvas，所有<=IE8引入這個庫就可以了。

 

相容性：

因為引入了excanvas.js ，所以，相容到IE7+，

其他的chrome、android、iOS等瀏覽器，都是可以相容的。  

頁面加入了一些web app的meta，所以對手機的相容也是不錯的：

chart.js注意事項