vue-chart 图片下载

设置布局 id='charts'

download() {
        // 通过ID找到其下级的canvas
        const charts = document.getElementById("charts").getElementsByTagName('canvas')
        // 创建标签
        const element = document.createElement("a")
        // 设置下载名称
        element.download = "v-charts图表下载" +".png"
        // 设置地址以及文件类型
        element.href = charts[0].toDataURL("image/png")
        document.body.appendChild(element)
        // 触发下载事件
        element.click()
        // 移除标签
        element.remove()
      }