经过一年多的开发和测试,我们很高兴的宣布 Highcharts 6 发布啦,一同发布的还有 Highstock 6 及 Highmaps 6。
大量的新的图表类型
Highcharts 6 提供 15 种新的图表类型,包括:桑基图、流图、旭日图、可变宽度的柱形图、平行坐标图、可变宽度的环形图、向量图、风羽图、贝尔曲线、柏拉图、词云图、简易甘特图、子弹图、砖块图、直方图 等,另外还有其他的图表类型将在接下来的几个月内发布,包括 韦恩图、 Marimekko 图等。
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”>请通过这个链接下载实例代码包:https://data.jianshukeji.com/upload/20170907/yvwmwm.zip
下载后解压并进入实例代码目录,执行 npm install
安装相关依赖,并通过 npm run dev
查看运行效果,如下图所示:
Highcharts 官方提供的导出服务器(https://export.highcharts.com.cn) 默认只支持 UTF-8 编码,如果从 GBK 页面提交导出请求,导出的结果是包含乱码的图片,这是很常见的编码问题。
在不能改变页面编码的情况下,解决办法有两种:
Highcharts 性能提升模块(boost.js) 是官方发布的用于提升性能的模块,可以轻松的让 Highcharts 加载十万、百万级的数据,下面是一个 Highcharts 加载 50 万数据的例子:
请通过这个链接下载实例代码包:https://pan.baidu.com/s/1o7IZfiM 提取码:ktrc
下载后进入实例代码目录,执行 npm install
来安装相关依赖,并通过 npm run build
将源代码打包。
Update your browser to view this website correctly. Update my browser now