echarts自定义按钮图表下载图片

您可以使用 ECharts 提供的 `echarts.connect` 方法来自定义按钮，并结合 `echartsInstance.getConnectedDataURL()` 方法来下载图片。下面是一个示例代码：

// 创建 ECharts 实例
var chart = echarts.init(document.getElementById('chart'));

// 自定义按钮
var customButton = {
  icon: 'image://data:image/png;base64,iVBORw0KG...', // 自定义按钮图标
  title: '下载图片',
  onclick: function () {
    // 下载图片
    var dataURL = chart.getConnectedDataURL({
      type: 'png', // 图片格式，支持 'png' 和 'jpeg'
      pixelRatio: 2, // 图片分辨率，默认为 1
      backgroundColor: '#fff' // 图片背景色，默认为透明
    });
    var link = document.createElement('a');
    link.href = dataURL;
    link.download = 'chart.png';
    link.click();
  }
};

// 连接自定义按钮和图表实例
echarts.connect([chart]);

// 将自定义按钮添加到工具栏
chart.setOption({
  toolbox: {
    feature: {
      saveAsImage: customButton
    }
  },
  // 其它配置项
});

在上面的示例中，您需要将 `icon` 字段替换为自定义按钮图标的 Base64 编码。当用户点击自定义按钮时，将会调用 `onclick` 方法，并使用 `getConnectedDataURL()` 方法获取图表的图片数据 URL，然后创建一个 `<a>` 元素并设置 `href` 属性为图片数据 URL，最后调用 `click()` 方法触发下载操作。

这样，用户点击自定义按钮时，就能下载图表的图片。