Javascript 如何从ApexCharts获取URI以PDF格式下载？

我已经实现了ApexCharts，并希望将其输出到PDF文档中

我试图从

chart.dataURI

获取下载URI，但失败，出现错误：

chart.dataURI不是一个函数

下面是Apex条形图的创建和我对下载URI的尝试，但它无法获取：

var选项={
图表：{
身高：450，
类型：'bar'，
宽度：1000，
},
打印选项：{
酒吧：{
水平：错，
列宽：“40%”，
结尾形状：“四舍五入”
},
},
数据标签：{
已启用：false
},
颜色：['.'008000'、'.'d4a823'、'.'f92525']，
笔划：{
秀：没错，
宽度：2，
颜色：[“透明”]
},
系列：[{
名字：'好'，
数据：JSON.stringify（graph_data.good）
}, {
姓名：'好的'，
数据：JSON.stringify（graph_data.ok）
}, {
名字：“坏”，
数据：JSON.stringify（graph_data.bad）
}],
xaxis：{
类别：graph_data.month，
},
亚克斯：{
标题：{
文本：“微笑百分比”
}
},
填写：{
不透明度：1
},
工具提示：{
y:{
格式化程序：函数（val）{
return val+“Smileys”
}
}
}
}
var图表=新的ApexCharts（document.querySelector（“#monthlyhistory”），选项）；
var dataURL=chart.dataURI（）。然后（（uri）=>{//这里显示一个错误
log（uri）；
var pdf=新的jsPDF（）；
pdf.addImage（uri，'PNG'，0,0）；
pdf.save（“download.pdf”）；
})}

---

我希望输出为PDF格式，但它不起作用。

在调用

chart.dataURI（）

函数之前，您需要呈现图表（我在您的问题中找不到）

render

函数返回一个承诺，因此您可以在它的

then（）

处理程序中链接任何其他代码

像这样

var图表=新的ApexCharts（document.querySelector（“图表”），选项）；
chart.render（）。然后（（）=>{
然后（{imgURI，blob}）=>{
var pdf=新的jsPDF（）；
pdf.addImage（imgURI，'PNG'，0,0）；
pdf.save（“download.pdf”）；
})
})

---

以下是工作流程

在调用

chart.dataURI（）

函数之前，您需要呈现图表（我在您的问题中找不到）

render

函数返回一个承诺，因此您可以在它的

then（）

处理程序中链接任何其他代码

像这样

var图表=新的ApexCharts（document.querySelector（“图表”），选项）；
chart.render（）。然后（（）=>{
然后（{imgURI，blob}）=>{
var pdf=新的jsPDF（）；
pdf.addImage（imgURI，'PNG'，0,0）；
pdf.save（“download.pdf”）；
})
})

---

以下是正在工作的

将代码重新格式化为代码块。尽我所能修改和更正了文本。Léa Gris它现在已更正图形已创建，但在下载时，它在获取uriI时给出了错误。我没有更改您的代码功能，只是重新格式化了你的问题，使其更容易理解，并让你有更多机会获得PDF输出的帮助。Léa Gris是的，我删除了一些创建图表的代码，因为它创建了两次，请帮助我整理此错误我无法获取接收此错误图表的图表的uri。dataURI不是函数can有人帮我解决这个问题吗？将代码格式化成代码块。尽我所能修改和更正了文本。Léa Gris它现在已更正图形已创建，但在下载时，它在获取uriI时给出了错误。我没有更改您的代码功能，只是重新格式化了你的问题，使其更容易理解，并让你有更多机会获得PDF输出的帮助。Léa Gris是的，我删除了一些创建图表的代码，因为它创建了两次，请帮助我整理此错误我无法获取接收此错误图表的图表的uri。dataURI不是函数can有人帮我解决这个问题吗？它的工作原理和你在codepen演示中做的一样，我知道我有一些问题，我正在尝试，如果我不能，我会在这里查看整个代码谢谢你为我详细说明谢谢谢谢谢谢亲爱的它对我有用我让答案有用但我没有有50个声誉，这就是为什么答案计数没有增加是的，它的工作与你在codepen演示中做的相同，我知道我有一些问题，我正在尝试，如果我不能，我会在这里查看整个代码谢谢你为我详细说明谢谢谢谢谢谢亲爱的它为我工作我做了答案很有用，但我没有50个声誉，这就是为什么答案计数不是递增的