Highcharts兼容性

Highcharts是一款基于本地浏览器技术的图表库,无需插件或服务器环境,支持多种JS框架,运行于现代浏览器及移动终端。本文详细介绍了其浏览器兼容性、支持的JS框架、渲染引擎性能及对特定浏览器的兼容限制。
摘要由CSDN通过智能技术生成

Highcharts完全基于本地浏览器技术,不需要任何插件,甚至不需要安装任何服务器环境,只需要两个js文件即可运行。Highcharts针对不同的js框架jQuery、Mootools、Prototype做了适配工作,不同框架开发人员不需要再额外学习其他框架即可上手。

highcharts可以运行在任何现代浏览器,包括移动终端以及IE6,标准的浏览器用SVG技术渲染图表,对于遗留的浏览器,则用VML来绘图。

浏览器兼容性测试

浏览器厂商 浏览器名 支持版本
MicrosoftInternet Explorer6.0 +
MozillaFirefox2.0 +
GoogleChrome1.0 +
AppleSafari4.0 +
OperaOpera9.0 +
AppleiOS(Safari)3.0 +
GoogleAndroid Borwser2.0 + *

说明:对android浏览器部分支持,点击查看详细

Javascript框架支持

目前已经测试过的框架及版本如下

JQuery Mootools Prototype
1.8.21.4.51.7
1.7.21.3.2 
1.6.21.2.5 
1.5.2  
1.4.4  
1.3.2  

其他版本都能正常使用只是没有测试。

图表渲染引擎及性能

不同的浏览器支持不同的渲染技术,现在大多数浏览器支持 SVG,只有较老的版本的IE不支持,这些较老的浏览器用VML绘制图表,针对不同浏览器图表绘制性能测试结果如下

浏览器及版本 使用的渲染技术 性能
Internet Explorer 9SVG非常快
Internet Explorer 8VML
Internet Explorer 7VML
Internet Explorer 6VML
FirefoxSVG非常快
ChromeSVG非常快
SafariSVG非常快
OperaSVG非常快
iOS SafariSVG
Android 3+SVG
Android 2.xCanvas

Android 2.x

Android 2.x 没有提供 SVG 支持,针对Android 2.x,Highcharts 开发出基于canvg的独立渲染器,但是其有如下限制:

  • 数据提示框数据共享总是启用(即 tooltip.shared = true

  • 图表在第一次渲染时,会从 code.highcharts.com下载 canvg 渲染器 + rgbcolor.js + canvg.js (包含在同一个文件里),这个地址可以通过 global.canvasToolsURL 属性指定。

  • 图表和数据列(series)动画效果无效(无动画效果)

  • 点击图例(legend)无法显示或隐藏数据列(series)

  • 数据列(series)和数据点(point)的触摸事件无效

  • 图表缩放(zoom)无效

  • 使用渲染API直接添加图形到图表上无效

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值