最近用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 ()//点击按钮导出图表
}