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

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

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

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

<button id="btn">导出图表</button>
<div id="container"></div>

js代码

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值