VUE 中 Echarts保存图表图片，保证图片不模糊

最新推荐文章于 2025-01-08 17:00:52 发布

zlting~

最新推荐文章于 2025-01-08 17:00:52 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： echarts

本文链接：https://blog.youkuaiyun.com/sunshineTing2/article/details/116489896

echarts 专栏收录该内容

8 篇文章

订阅专栏

自定义echarts的下载事件（`按钮` + `事件`）

在这里插入图片描述

<div ref="circleChart" id="circleChart"></div>

<a :href="chartImgUrl" download="echart.png" @click="handleChartDownload">
	下载
</a>

handleChartDownload() {
    let myChart = this.$echarts.init(this.$refs.circleChart)
    let that = this
    setTimeout(function() {
        that.chartImgUrl = myChart.getDataURL({
            pixelRatio: 2, // 解决模糊
            backgroundColor: '#fff'
        });
    }, 100)
},