兼容所有现代浏览器,适配主流js框架
Highcharts完全基于本地浏览器技术,不需要任何插件,甚至不需要安装任何服务器环境,只需要两个js文件即可运行。Highcharts针对不同的js框架jQuery、Mootools、Prototype做了适配工作,不同框架开发人员不需要再额外学习其他框架即可上手。
highcharts可以运行在任何现代浏览器,包括移动终端以及IE6,标准的浏览器用SVG 技术渲染图表,对于遗留的浏览器,则用VML 来绘图。
浏览器兼容性测试
浏览器厂商
|
浏览器名
|
支持版本
|
Microsoft
|
Internet Explorer
|
6.0 +
|
Mozilla
|
Firefox
|
2.0 +
|
Google
|
Chrome
|
1.0 +
|
Apple
|
Safari
|
4.0 +
|
Opera
|
Opera
|
9.0 +
|
Apple
|
iOS(Safari)
|
3.0 +
|
Google
|
Android Borwser
|
2.0 + *
|
说明:对android浏览器部分支持,点击查看详细。
Javascript框架支持
目前已经测试过的框架及版本如下
JQuery
|
Mootools
|
Prototype
|
1.8.2
|
1.4.5
|
1.7
|
1.7.2
|
1.3.2
|
|
1.6.2
|
1.2.5
|
|
1.5.2
|
|
|
1.4.4
|
|
|
1.3.2
|
|
|
其他版本都能正常使用只是没有测试。
图表渲染引擎及性能
不同的浏览器支持不同的渲染技术,现在大多数浏览器支持 SVG ,只有较老的版本的IE不支持,这些较老的浏览器用VML 绘制图表,针对不同浏览器图表绘制性能测试结果如下
浏览器及版本
|
使用的渲染技术
|
性能
|
Internet Explorer 9
|
SVG
|
非常快
|
Internet Explorer 8
|
VML
|
快
|
Internet Explorer 7
|
VML
|
慢
|
Internet Explorer 6
|
VML
|
慢
|
Firefox
|
SVG
|
非常快
|
Chrome
|
SVG
|
非常快
|
Safari
|
SVG
|
非常快
|
Opera
|
SVG
|
非常快
|
iOS Safari
|
SVG
|
快
|
Android 3+
|
SVG
|
快
|
Android 2.x
|
Canvas
|
慢
|
Android 2.x
Android 2.x 没有提供 SVG 支持,针对Android 2.x,Highcharts 开发出基于canvg的独立渲染器,但是其有如下限制:
-
数据提示框(tooltip)总是显示
-
图表在第一次渲染时,会从 code.highcharts.com 下载 canvg 渲染器 + rgbcolor.js + canvg.js (包含在同一个文件里),这个地址可以通过 global.canvasToolsURL 属性指定。
-
图表和数据列(series)动画效果无效(无动画效果)
-
点击图例(legend)无法显示或隐藏数据列(series)
-
数据列(series)和数据点(point)的触摸事件无效
-
图表缩放(zoom)无效
-
使用渲染API直接添加图形到图表上无效
|