echarts 保存为图片

最新推荐文章于 2024-08-19 09:58:04 发布

普罗米绣丝

最新推荐文章于 2024-08-19 09:58:04 发布

阅读量4.5k

点赞数 2

分类专栏：前端 web前端文章标签： echarts

本文链接：https://blog.csdn.net/weixin_43187345/article/details/87880445

版权

web前端同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

前端

21 篇文章 0 订阅

订阅专栏

echarts 保存为图片（js）

// 导出图片
function downloadImpByChart(chartId) {
  var myChart = echarts.getInstanceByDom(document.getElementById(chartId));
  var url = myChart.getConnectedDataURL({
    pixelRatio: 5, //导出的图片分辨率比率,默认是1
    backgroundColor: '#fff', //图表背景色
    excludeComponents: [ //保存图表时忽略的工具组件,默认忽略工具栏
      'toolbox'
    ],
    type: 'png' //图片类型支持png和jpeg
  });
  var $a = document.createElement('a');
  var type = 'png';
  $a.download = myChart.getOption().title[0].text + '.' + type;
  $a.target = '_blank';
  $a.href = url;
  // Chrome and Firefox
  if (typeof MouseEvent === 'function') {
    var evt = new MouseEvent('click', {
      view: window,
      bubbles: true,
      cancelable: false
    });
    $a.dispatchEvent(evt);
  }
  // IE
  else {
    var html = ''
    '<body style="margin:0;">'
    '![](' + url + ')'
    '</body>';
    var tab = window.open();
    tab.document.write(html);
  }
};