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

highcharts打印导出按钮位置和自定义打印导出按钮图标相关推荐

java 自定义形状按钮_制作自定义背景Button按钮、自定义形状Button的全攻略
在Android开发应用中,默认的Button是由系统渲染和管理大小的.而我们看到的成功的移动应用,都是有着酷炫的外观和使用体验的.因此,我们在开发产品的时候,需要对默认按钮进行美化.在本篇里,笔者结 ...
通过servlet.jsp.tagext.TagSupport的自定义标签实现按钮权限控制
2019独角兽企业重金招聘Python工程师标准>>> 第一步:定义标签格式如下图先在安全目录下建立一个tld文件内容代码如下 <?xml version="1. ...
this.$modal.confirm 自定义按钮关闭_【勤哲资料】7.6 自定义打印
自定义打印通常情况下,我们填报了一份表单,若想打印的话,直接利用Excel本身的打印功能就可以了,但是在某些情况下,Excel的打印功能就不能完全满足我们的需要了,例如: 套打把合计行作为页尾,每 ...
Spread for Windows Forms高级主题(7)---自定义打印的外观
2019独角兽企业重金招聘Python工程师标准>>> 表单打印的多个部分都可以进行自定义,大多数的自定义选项存在于PrintInfo对象中.大多数打印选项是在PrintInfo对象 ...
word中装订线位置_Word操作技巧：Word文档双面打印全攻略，解决打印难题
各位亲爱的小伙伴,大家好! Word作为最常用的办公软件,撰写文档,文档排版.打印文档等都会用到.其中,打印文档可以算是工作过程中最常用到的技能了,但对Word的打印功能你了解多少? 今天我来给大家介 ...
js自定义打印网页内容
今天应客户的要求要修改网页的打印功能,浏览器本身自带有打印的功能,但是它打印出的是整个网页的内容,而且在分页打印表格的时候表格的拆分很难看.所以就百度找这个问题的解决办法,在此记录一下,加深记忆,同时 ...
layui js 自定义打印功能实现
打印功能的实现往往是新建一个页面,然后在新建页面中画出你想要的效果,然后调用浏览器的打印功能进行打印项目依赖: layui jquery 记得换layui和jquery引入路径完整项目代码: &l ...
layui自定义打印
效果图如下自定义内容导出自定义表格导出目录一. 自带的打印功能的实现 1. 下载新的layui的js文件 2. 添加toolbar参数 3. 最终打印图标显示 4. 点击打印图标,实现打印效果 ...
2BizBox 免费ERP v3.3.0 新版本剧透之二：自定义打印模板
2BizBox ERP使的可以,但销售单等单据有时不能反应企业风格满足独特需要.对于企业来讲,很多单据特别重要.尤其是传递给往来业务单位的单据,由于其固有的业务格式和双方的特殊业务约定等因素的影响,需 ...

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

highcharts打印导出按钮位置和自定义打印导出按钮图标相关推荐

最新文章

热门文章