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 发布啦,一同发布的还有 Highstock 6 及 Highmaps 6。

大量的新的图表类型

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

查看更多

分享到评论

Highcharts 轮播(Motion)插件

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


查看更多

分享到评论

基于 Highmaps 查找经纬度点所在的区域

基于 Highcharts 的官方教程 我们可以很轻松的通过经纬度定位点,也很轻松的用眼睛看出其所在区域,但是如何用代码实现这个看的过程呢?

如何用代码实现“看出”点所在的区域呢

查看更多

分享到评论

在 Vue 中使用 Highcharts

实例代码及运行过程

请通过这个链接下载实例代码包:https://data.jianshukeji.com/upload/20170907/yvwmwm.zip

下载后解压并进入实例代码目录,执行 npm install 安装相关依赖,并通过 npm run dev 查看运行效果,如下图所示:

查看更多

分享到评论