| | |
| | | }); |
| | | }, |
| | | methods: { |
| | | downloadUrlFile(url, fileName) { |
| | | // 获取base64图片 |
| | | const chartImgUrl = this.myChart.getDataURL({ |
| | | pixelRatio: 2, |
| | | backgroundColor: '#fff' |
| | | }) |
| | | console.log(chartImgUrl) |
| | | // 下载base64图片 |
| | | this.downloadUrlFile(chartImgUrl, 'ECharts 2倍图') |
| | | downloadUrlFile() { |
| | | var fileName = this.queryParam.name + '.png'; |
| | | var canvasElement = document.getElementsByTagName('canvas')[0]; |
| | | var MIME_TYPE = "image/png"; |
| | | var imgURL = canvasElement.toDataURL(MIME_TYPE); |
| | | var dlLink = document.createElement('a'); |
| | | dlLink.download = fileName; |
| | | dlLink.href = imgURL; |
| | | dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':'); |
| | | document.body.appendChild(dlLink); |
| | | dlLink.click(); |
| | | document.body.removeChild(dlLink); |
| | | }, |
| | | handleExport(){ |
| | | let that = this |