Apexcharts同步折线图

Question

我开发了一个具有三个同步折线图的角度应用程序(假设这是一个非常有用的示例：https://apexcharts.com/angular-chart-demos/line-charts/syncing-charts/)。

现在，我找不到同时使用三个图表的工具栏导出功能的方法。我的意思是：如果我点击导出PNG按钮，它只导出三个图表中的一个。有可能有一种"；一般的"；是否导出涉及属于同一图表组的所有图表的功能？

Answer 1

我认为唯一的选择是添加一个自定义菜单图标，可以下载所有菜单图标https://apexcharts.com/docs/options/chart/toolbar/#customIcons

对于点击法

click: async () => {
let ids = ['chart1', 'chart2'] // you can't select chart by group so we need all ids
for await (let id of ids) {
let dataURI = await ApexCharts.exec(id, 'dataURI')
fetch(dataURI.imgURI).then(res => res.blob()).then(res2 => {
let url = URL.createObjectURL(res2)
let a = document.createElement("a");
a.href = url
a.download=`${id}.png`
a.click();
})
}
}