将使用到的echarts图表导出为一张图片

直接上代码:

<script>
export default {
	methods:{
		exportJpeg(title){
		  // 先获取用来显示折线图的元素
	      let chartDom = document.getElementById('line')
	      // 直接用this.$echarts,因为在main.js中全局注册过了
	      let myChart = this.$echarts.init(chartDom)
	      
	      let picInfo = myChart.getDataURL({
	        type: 'jpeg', // 导出的图片格式,还可以是png
	        pixelRatio: 1.5,
	        backgroundColor: 'white'
	      })
	      let elink = document.createElement("a")
	      elink.download = title // 导出图片的名字
	      elink.style.display = 'none'
	      elink.href = picInfo
	      document.body.appendChild(elink)
	      elink.click()
	      URL.revokeObjectURL(elink.href)
	      document.body.removeChild(elink)
	    }
	}
}
</script>

版权声明:本文为weixin_46682277原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。