在 ECharts 中,通过 toolbox 的 feature 属性配置可以实现导出图片的操作。具体来说,是通过配置 saveAsImage 功能按钮来实现的。以下是一个简单的示例:
toolbox: {
    feature: {
        saveAsImage: {
            pixelRatio: 2, // 导出图片的分辨率,可选
            title: '保存为图片',
            icon: 'image://path/to/icon.png', // 自定义图标,可选
            name: 'myChart', // 导出的图片文件名称,可选
            backgroundColor: 'auto' // 导出的图片背景色,可选
        }
    }
}

在这个配置中:

  •  pixelRatio: 可选,设置导出图片的分辨率,数字越大,图片越清晰,默认为 1。

  •  title: 鼠标悬停时显示的标题。

  •  icon: 可选,自定义导出图片按钮的图标,可以使用图片路径或者 'image://path/to/icon.png' 这样的形式。

  •  name: 可选,导出的图片文件名称,如果不设置,默认为 '下载'。

  •  backgroundColor: 可选,导出的图片背景色,可以设置为 'auto',表示使用图表的背景色,或者直接指定颜色值。


你可以根据实际需求对这些配置项进行调整,以满足你的项目要求。将这些配置添加到 ECharts 的 toolbox 配置中即可实现导出图片的功能。


转载请注明出处:http://www.zyzy.cn/article/detail/5319/ECharts