// 在手机测试,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,所以对手机的兼容也是不错的:
时间: 2024-10-15 03:26:51