将echartsdom节点保存为图片下载

344 阅读1分钟
    saveImg(id) {
      var myChart = echarts.init(document.getElementById(id));
      var resultBase64 = myChart.getDataURL({
        type: 'png',
        pixelRatio: 2,
        backgroundColor: '#fff'
      });
      var a = document.createElement("a");
      let title = "";
      //标题定义逻辑
      a.setAttribute("download", title);
      a.click();
    },

toDataURL方法保存的图片没有背景色,观感很差,getDataURL方法可以避免保存时ele背景色丢失的问题。 按钮处调用saveImg方法,并传入要保存的echarts图表的元素容器id即可。