HIGHCHARTS
  • 关于我们
    • 关于我们
    • 联系方式
    • 新闻动态
    • 合作伙伴
  • 在线商店
  • 在线实例
    • Highcharts 演示
    • Highcharts Stock 演示
    • Highcharts Maps 演示
    • Highcharts Gantt 演示
    • 图集new
    • 客户案例
  • 文档教程
    • 使用教程
    • API 文档
    • 兼容性
    • 常见错误
    • 更新日志
  • 服务与支持
    • 获取技术支持
    • 下载中心
    • 地图数据
    • 产品规划
  • 产品中心
    • Highcharts
    • Highcharts Stock
    • Highcharts Map
    • Highcharts iOS
    • Highcharts Android
    • JShare
    • 爱图说
    • Highcharts 云服务
    • Highcharts 编辑器
    • 插件扩展
    • 应用扩展
  • 博客
  • 技术社区
  • 快速上手
    • Highcharts 系列软件简介
    • 1 分钟上手 Highcharts
    • 文件下载与使用
    • 通过 npm 安装
    • 通过 Bower 安装
    • 如何设置图表配置选项
    • Highcharts 兼容性
    • Highcharts 使用协议
  • 基础教程
    • 图表主要组成
    • 图表配置
    • 标题
    • 坐标轴
    • 数据列
    • 颜色
    • 数据提示框
    • 图例
    • 版权信息
    • HTML标签
    • 标示线
    • 标示带
    • 图表缩放
    • 语言文字
    • 标签及字符串格式化
    • 钻取功能
    • 3D 图表
    • 响应式
  • 数据处理
    • 数据处理概述
    • 服务端动态渲染图表
    • Ajax 请求数据接口
    • 处理文本或文本数据文件
    • 数据功能模块
  • 图表类型
    • 图表类型
    • 直线图
    • 曲线图
    • 面积图及面积范围图
    • 柱状图和条形图
    • 饼图
    • 范围图
    • 散点图及气泡图
    • 漏斗图及金字塔图
    • 极地图
    • 瀑布图
    • 误差线图
    • 箱线图
  • 高级特性
    • 堆叠图
    • 自由绘图
    • 国际化
  • 图表导出模块
    • 图表导出模块概述
    • 客户端导出
    • 搭建导出服务器
    • 命令行导出
    • 导出 Excel 数据文件
  • 图表设计及样式
    • 图表设计及样式
    • 颜色
    • 主题
  • 插件扩展
    • 插件扩展概述
    • 创建插件
    • 提交插件到官方插件库
  • 地图(Highmaps)
    • 开始使用 Highmaps
    • 地图数据集
    • 经纬度
    • 地图导航器
  • 股票图(Highstock)
    • 开始使用 Highstock
    • 范围选择器
    • 导航器
    • 滚动条
    • K 线图
    • 技术指标
    • 自定义技术指标
  • 官方扩展包(Vue React Angular iOS Android .NET)
    • Highcharts .NET
    • Highcharts Vue
    • Highcharts React
    • Highcharts Angular
    • Highcharts iOS
    • Highcharts Android
收起菜单 教程目录

Highcharts 兼容性

最后修改时间:2019-04-09 19:50

Highcharts 系列软件支持 IE6 及以上的所有主流浏览器,完美支持移动端缩放、手势操作。

在线实例测试 下载实例进行测试 注意事项

以下是我们对 Highcharts、Highstock、Highmaps 进行兼容性测试的结果及相关内容。

Highcharts 7

Highcharts 7 在 Highcharts 6 的基础上进一步将低版本浏览器相关函数的兼容包独立成一个文件,即 oldie-polyfills.js

http://cdn.highcharts.com.cn/highcharts/modules/oldie-polyfills.js

该文件里包含的 polyfills 有

  1. Array.forEach
  2. Array.map
  3. Array.indexOf
  4. Array.filter
  5. Array.some
  6. Array.reduce
  7. Object.keys

这些函数是低版本 IE 浏览器不支持的新函数,如果您没有自己添加相关的 polyfill,那么就需要添加这个文件了。

<!--[if lt IE 9]>
<script src="http://cdn.highcharts.com.cn/highcharts/modules/oldie-polyfills.js"></script>
<![endif]-->
<script src="http://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>
<!--[if lt IE 9]>
<script src="http://cdn.highcharts.com.cn/highcharts/modules/oldie.js"></script>
<![endif]-->

Highcharts 6

从 Highcharts 6.0.0 开始,我们将兼容低版本 IE 的代码单独成一个模块文件,这样用户可以根据需求是否加载对应的文件,可以减少在主流浏览器上加载代码的大小,推荐以下面形式加载这个文件:

<script src="https://cdn.highcharts.com.cn/highcharts/highcharts.js">
<!-- 其他 Highcharts 需要的文件 -->

<!--[if lt IE 9]>
<script src="https://cdn.highcharts.com.cn/highcharts/modules/oldie.js"></script>
<![endif]-->

Nodejs

Highcharts 4.2.0 起支持 CommonJS 模块标准,即你可以在支持 CommonJS 环境中使用 Highcharts。

详细参考:通过 Npm 安装 Highcharts

JavaScript 框架

对于低版本浏览器(IE6、IE8等)我们支持 jQuery 1.6+,主流浏览器(新版 Chrome、Firefox等)支持 jQuery 2.0+

浏览器版本

我们在很多最新版浏览器上测试我们的软件,考虑到 IE 用户一般不愿意升级更新浏览器,我们还系统的测试过旧版本浏览器,Highcharts 可以正常在如下版本的浏览器中运行:

浏览器品牌支持的版本
Internet Explorer6.0 +
Firefox2.0 +
Chrome1.0 +
Safari4.0 +
Opera9.0 +
iOS (Safari)3.0 +
Android 浏览器2.0 + *)

*) Android 2.x(andorid 2.x 最后一版是在 2010年12月发布的,目前已经很少使用了)有部分限制,详见 Android 2.x

对于其他的 JavaScript 框架,其他未测试的版本可能会运行正常

渲染引擎及性能

不同的浏览器支持不同的图形渲染技术, 在现代主流的浏览器上我们用 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,我们创建了基于 canvg 的独立渲染引擎,它有如下限制:

  • 不建议在 Android 2.x 上使用 Highstock,因为 Highstock 依赖大量的缩放及鼠标交互;
  • 共享的数据提示框一直是启用的。
  • 在第一次渲染的时候,独立渲染引擎及相关的依赖文件(合并在一起的 canvg renderer + rgbcolor.js + canvg.js) 将会从 code.highcharts.com 下载,这个链接可以通过全局属性 global.canvasToolsURL 来指定;
  • 图表及数据列动画关闭;
  • 通过图例来进行数据里的显示与隐藏无效;
  • 数据列及数据点触摸事件无效;
  • 缩放无效;
  • 使用渲染引擎添加图形元素相关的接口无效

版权声明

本教程仅用于学习、研究和交流目的,欢迎非商业转载。转载请注明出处及完整的链接。

标题:Highcharts 兼容性 | Highcharts 使用教程

链接:https://www.hcharts.cn/docs/start-environment/

   上一篇 下一篇   
  目录
    简数科技微信,同步更新Highcharts教程

    订阅更新

    © 2022 Highcharts 中文官网, 由 简数科技 提供服务, 浙ICP备16004892号-6, 浙公网安备33011002011664号
    在线客服

    选择服务类型

    技术问题

    • 技术社区
    • 技术支持
    • Q Q 群

    商业授权

    • 使用协议
    • 购买授权
    • 申请试用
    • 授权查询

    图表定制

    • 服务内容
    • VIP 专属服务

    销售服务:    技术服务:

    服务热线:0571 - 8620 8605 / 181 0659 5564    邮件:sales@jianshukeji.com

    服务时间:工作日 9:00 ~ 18:00    紧急服务 :7 x 24 响应(仅限电话)

    重要通知!

    尊敬的用户您好:
    由于域名备案调整,我们将于 2023-01-01 ~ 2023-01-07 日陆续停用 highcharts.com.cn 域名,受影响的网站及域名如下:

    网站或服务名称域名替代的网站
    主站www.highcharts.com.cnwww.hcharts.cn
    静态资源服务/CDNcdn.highcharts.com.cn
    code.highcharts.com.cn
    code.hcharts.cn
    img.highcharts.com.cnimg.hcharts.cn
    API 文档api.highcharts.com.cnapi.hcharts.cn
    导出服务export.highcharts.com.cnexport.hcharts.cn

    以上网站服务及 highcharts.com.cn 域名下的网站将于 2023-01-08 日全部下线,未来一段时间将不可访问,后续我们将上线新的网站。

    如果您的应用中有使用到相关服务,请抓紧时间对链接进行调整(特别是静态资源/CDN 服务的链接),以免影响您的网站或应用的正常运行,由此给您带来的不便,敬请谅解。

    如需帮助,请及时与我们联系:0571-86208605 / 18106595564(微信)。

    简数科技 2022-12-22