echarts图表生成base64

最新推荐文章于 2024-08-27 10:37:34 发布

染指悲剧

最新推荐文章于 2024-08-27 10:37:34 发布

阅读量2k

点赞数

分类专栏： vue 文章标签： javascript js echarts

本文链接：https://blog.csdn.net/qq_43039004/article/details/110392679

版权

vue 专栏收录该内容

24 篇文章 2 订阅

订阅专栏

1. 首先我们先生成我们的图表 具体配置不详细写了
在这里插入图片描述

2.我们在点击的时候去获取我们的图表并转成base64格式

    itemClick(){
      console.log(document.getElementById('mydome').getElementsByTagName('canvas')[0])
      let baseCanvas = document.getElementById('mydome').getElementsByTagName('canvas')[0]
      let width = baseCanvas.width;
      let height = baseCanvas.height;
      let ctx = baseCanvas.getContext("2d");
      ctx.drawImage(baseCanvas,width,height);
      console.log(baseCanvas.toDataURL())
      this.url = baseCanvas.toDataURL()
    },