Highcharts

如何使用highcharts自定义按钮导出图片

接触highcharts这个图表插件已经有好几年了，摸打滚爬到现在可以说对highchart已经有一定的了解了

首先 Highcharts 本身就提供了导出图片的功能，只需要在配置中增加相应的参数即可

1
2
3
4
5
navigation : {
	buttonOptions : {
		enabled : true
	}
}

设置完毕即可导出图片了，但是这种方式有个缺点，就是导出图片时会请求highchart官方的服务器生成图片，最后返回客户端给用户下载，我们可以在官方源码中看到这样一段代码：

1
2
3
4
5
6
defaultOptions.exporting = {
	//enabled: true,
	//filename: 'chart',
	type: 'image/png',
	url: 'http://export.highcharts.com/'
}

那如何请求自己的服务器生成对应的图片呢？官方API已经为我们留出了对应的接口供我们调用
点击这里可以查看exportChart相关属性

查看更多