Highcharts 7 正式发布

Highcharts 7 正式发布

近十年以来,Highcharts 一直是 Web 领域最受欢迎的企业级图表库,现在我们很高兴的宣布 Highcharts 的第 7 个大的版本正式发布,一同发布的还有 Highstock 7Highmaps 7 和 Highcharts Gantt 7,下面列举最主要的新功能和新特性。

1、Typescript 支持

我们很高心的通知 Typescript 开发者们,Highcharts Npm 包现在支持绝大部分配置及函数类型检查,同时提供在支持 Typescript 交互的编辑器(例如 Visual Studio Code)中进行智能补全和代码提示。这个功能目前还处在最后测试阶段,即将发布正式版本,更多详情请参考 Highcharts Typescript

Highcharts 坐标轴标签点击事件

通过 API 上的例子 为轴标签添加链接 我们知道可以给坐标轴标签加上跳转链接,但是这种直接跳转往往无法满足需求,我们希望这个点击行为更可控(实现自己想要的交互)。由于目前 Highcharts 并没有提供对应事件配置项,所以这里简单说明一下如何自己实现坐标轴点击事件。

Highcharts Android 使用教程

Highcharts Android 使用教程

Highcharts Android 是 Highcharts 官方发布的 Android 扩展包,可以很方便的在 Android 中创建交互性图表。

使用教程及示例

详细的使用教程及示例项目请参考我们的 Git 仓库:Highcharts Android(中文)

在微信小程序中使用 Highcharts

我们收到很多微信小程序开发者的反馈,表示强烈需要 Highcharts 进行数据展示。但是微信小程序不支持 DOM,并且没有暴露 SVG 相关的接口,所以截止到目前,我们无法直接在小程序中使用 Highcharts。

好消息是微信小程序开放了 Web-view 能力,也就是说支持网页嵌入。所以目前我们可以以嵌入网页的形式来实现在小程序上用 Highcharts 进行数据可视化。

体验示例小程序

Highcharts 示例小程序

Highcharts Vue、Android 官方扩展包发布

Highcharts Vue 官方扩展包

项目地址:https://github.com/highcharts/highcharts-vue

Highcharts Android 官方扩展包

项目地址:https://github.com/highcharts/highcharts-android

至此,目前 Highcharts 官方已经完成了两大主流移动操作系统 iOS、Android 及主流的三大前端框架 React、Angular、Vue 的扩展包,他们的地址分别是:


Highcharts React、Angular 官方扩展包发布

为了方便用户在不同的框架中使用 Highcharts,我们针对目前市面上最流行的前端框架 React、Angular 进行封装并正式对外发布。

Highcharts 时区问题总结

首先请简单的看一下关于 时区UTC 的定义,我们可以简单的得出以下两个认知:

  1. UTC 是世界标准时间,用于协调各国时间
  2. 中国的时区是 UTC +8,即比标准时区的时间快 8 小时

接着来看问题,很多用户在使用 Highcharts 时,经常会遇到时间显示于预期的不一致,具体表现是:

new Date('2017/01/01').getTime() 获取的时间最终在 Highcharts 中显示的却是 2016-12-31 16:00,也就是时间相差 8 小时。经过上面的科普,你应该很快就知道问题所在,也就是时区惹的祸。

Highcharts 6 功能模块详解

Highcharts 6 新增了很多新的图表类型和功能,新的图表类型一般是以模块的形式发布,所以从 Highcharts 6 开始,其模块的数量巨大,为了方便大家使用,在这里做一个详细的说明

Highcharts 6 发布啦

Highcharts 6 发布啦

经过一年多的开发和测试,我们很高兴的宣布 Highcharts 6 发布啦,一同发布的还有 Highstock 6 及 Highmaps 6。

大量的新的图表类型

Highcharts 6 提供 15 种新的图表类型,包括:桑基图流图旭日图可变宽度的柱形图平行坐标图可变宽度的环形图向量图风羽图贝尔曲线柏拉图词云图简易甘特图子弹图砖块图直方图 等,另外还有其他的图表类型将在接下来的几个月内发布,包括 韦恩图、 Marimekko 图等。

Highcharts 轮播(Motion)插件

Highcharts 轮播插件 是用来实现图表数据轮播的插件,先来看几个例子:

<iframe width=”100%” height=”540” style=”border: 1px solid #ccc”src=”https://code.hcharts.cn/highmaps/FSSm7A/58/share/pure" allowfullscreen=”allowfullscreen” frameborder=”0”>
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×