echarts 外部按钮触发图片下载

  downloadCharts() {let aLink = document.createElement('a')let blob = this.base64ToBlob()debuggerlet evt = document.createEvent('HTMLEvents')evt.initEvent('click', true, true)aLink.download = '监测统计图' // 下载图片的名称aLink.href = URL.createObjectURL(blob)aLink.click()window.location.href = url},exportImg() { // echart返回一个 base64 的 URLreturn this.chart.getDataURL({pixelRatio: 1, // 导出的图片分辨率比率,默认是1backgroundColor: '#fff', // 图表背景色excludeComponents: [// 保存图表时忽略的工具组件,默认忽略工具栏'toolbox'],type: 'png'// 图片类型支持png和jpeg})},base64ToBlob() { // 将base64转换bloblet img = this.exportImg()debuggerlet parts = img.split(';base64,')let contentType = parts[0].split(':')[1]let raw = window.atob(parts[1])let rawLength = raw.lengthlet uInt8Array = new Uint8Array(rawLength)for (let i = 0; i < rawLength; ++i) {uInt8Array[i] = raw.charCodeAt(i)}return new Blob([uInt8Array], {type: contentType})},

echarts 外部按钮触发图片下载相关推荐

将Echarts图表保存为图片【使用自定义下载按钮，不用Echarts自带下载功能】
因为前端UI设计的Echarts图表的下载按钮是自定义的,但是Echarts自带工具栏的图表下载按钮是固定的不能改变,所以我们需要另写一个方法: 具体做法如下: 1.首先创建一个div来展示我们的Ec ...
java中点击按钮出现echarts图表_echarts 显示下载按钮，echarts 自定义按钮，echarts 添加按钮...
echarts 显示下载按钮,echarts 自定义按钮,echarts 添加按钮 >>>>>>>>>>>>>>&g ...
【echarts柱状图保存为图片并下载】
echarts柱状图保存为图片并下载直接附上代码直接附上代码页面中设置下载柱状图按钮,带上下载图片名称. Mon 06Mon 13Mon 20获取url 截取base64 转blob 下载解 ...
ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave由于鼠标移动速度过快导致问题解决办法...
记录两个项目开发中遇到的问题,一个是ECharts外部调用保存为图片操作,一个是workflow工作流连接曲线onmouseenter和onmouseleave事件由于鼠标移动过快触发问题. 一.外部 ...
iOS imageio nsurlsession 渐进式图片下载
一.图片常用加载格式分两种一般线性式和交错/渐进式自上而下线性式先模糊再清晰就概率上而言线性式使用最多,应为他所占空间普片比渐进式小.而这两种方式对于app端开发人员无需关心,这种图片存储格 ...
js实现svg图形转存为图片下载[转]
我们知道canvas画布可以很方便的js原生支持转为图片格式并下载,但是svg矢量图形则并没有这方面原生的支持. 研究过HighChart的svg图形的图片下载机制,其实现原理大体是浏览器端收集SVG ...
js实现svg图形转存为图片下载
我们知道canvas画布可以很方便的js原生支持转为图片格式并下载,但是svg矢量图形则并没有这方面原生的支持. 研究过HighChart的svg图形的图片下载机制,其实现原理大体是浏览器端收集SVG ...
wxml 点击图片下载_云存储之上传图片和展示图片(小程序云开发)
1.云存储介绍 2.demo代码(上传图片/文件) cloud.wxml 云存储上传图片 cloud.js // miniprogram/pages/cloud/cloud.js const db ...
PHP进行图片下载的时候，出现图片损坏，无法打开（实质原因，多输出了一个空白字符ZWNBSP ）
解决办法非常重要, 必须加入下面两行代码, 否则会出现 ZWNBSP (图片下载,显示文件已损坏) ob_clean();flush(); 参考代码: function my_download($f ...

echarts 外部按钮触发图片下载

echarts 外部按钮触发图片下载相关推荐

最新文章

热门文章