自定义echarts下载按钮

这里举例line的下载按钮

template

导出

method

download:function() {
      var myChart = echarts.getInstanceById ($("#echarts").attr("_echarts_instance_"));//通过实例id获取
      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 = ''
          + ''
          + ''
          + '';
        var tab = window.open();
        tab.document.write(html);
      }
    },