Javascript 如何仅查看图表的图像
下面是一段代码,它在图表本身生成后生成图表的图像。 我只想看图像。可能吗 我尝试了Javascript 如何仅查看图表的图像,javascript,jquery,html,charts,chart.js,Javascript,Jquery,Html,Charts,Chart.js,下面是一段代码,它在图表本身生成后生成图表的图像。 我只想看图像。可能吗 我尝试了显示:无用于图表的div,但图像似乎也不存在 $(function() { var ctx = document.getElementById('myChart'); var myChart = new Chart(ctx, { type: 'line', data: { labels: ["July","August"
显示:无代码>用于图表的div,但图像似乎也不存在
$(function() {
var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["July","August","September","October","November","December","January","February","March","April"],
datasets: [
{
label: 'This year',
data: [340,0,450,3240,360,200,0,0,1445,350],
}
, {
label: 'Last year',
data: [330,340,100,160,560,3600,320,0,397.5,300],
}
]
},
options: {
maintainAspectRatio: false,
responsive: true,
animation: {
onComplete: function(animation){
document.querySelector('#myChart').setAttribute('href', this.toBase64Image());
document.querySelector('#myImage').setAttribute('src', this.toBase64Image());
}
}
}
});
})
基于这个问题,我创作了一把小提琴。我正在使用下面的行删除图表
animation: {
duration: 0,
onComplete: function(animation){
document.querySelector('#myChart').remove();
document.querySelector('#myImage').setAttribute('src', this.toBase64Image());
}
}
JSFIDLE:基于这个问题,我创建了一个小提琴。我正在使用下面的行删除图表
animation: {
duration: 0,
onComplete: function(animation){
document.querySelector('#myChart').remove();
document.querySelector('#myImage').setAttribute('src', this.toBase64Image());
}
}
JSFIDLE:你能发一把小提琴吗?我试过了,但没有结果。不管怎样,@naren murali已经发布到fiddle。你能发布一个fiddle吗?我试过了,但是没有结果。不管怎样,@naren murali已经发布到fiddle。谢谢您抽出时间。图表本身在删除之前会占用空间一段时间。你能阻止吗?你想这样吗,这个图表需要一点时间来渲染。这绝对是公认的答案。再次非常感谢你。为了改进答案,有没有办法减少渲染时间?@erayaras检查我的更新答案,小提琴也更新了。谢谢你的时间。图表本身在删除之前会占用空间一段时间。你能阻止吗?你想这样吗,这个图表需要一点时间来渲染。这绝对是公认的答案。再次非常感谢你。为了改进答案,有没有办法缩短渲染时间?@erayaras检查我的更新答案,小提琴也会更新。