highcharts打印导出按钮位置和自定义打印导出按钮图标

最近用highcharts做图表的时候想要调整打印导出功能按钮的位置,网上查了下,发现没有效果,然后去看文档,发现有差异,应该是版本更新后配置有所变化。最新配置如下,亲测有效。

var chart = Highcharts.chart('container', {
	exporting: {
		buttons: {
			contextButton:{
				symbol: 'url(http://demo.nongtt.com/Content/Image/weathericon.png)',//自定义图标
				x:10,
				y:10
			}
		}
	},
});

如果想在图表外自己写一个按钮去打印图表:


js代码

var chart = Highcharts.chart('container', {
	exporting: {
		buttons: {
			contextButton:{
				x:10,
				y:10
			}
		}
	},
});
var btn=document.getElementById('btn');
btn.onclick=function(){
	exportChart ()//点击按钮导出图表
}

你可能感兴趣的:(highcharts打印导出按钮位置和自定义打印导出按钮图标)