Highcharts兼容性

兼容所有现代浏览器，适配主流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.shared = true）

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

  • 图表和数据列（series）动画效果无效（无动画效果）

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

  • 数据列（series）和数据点（point）的触摸事件无效

  • 图表缩放（zoom）无效

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

（正文完，最后更新时间：2015-09-11 09:47:09）