Javascript 如何下载pdf格式的图表?
下面的代码用于使用chartjs库绘制图表,现在我希望在单击btnExport时将该图表下载为pdf。pdf应使用itextsharp或任何其他方法自动下载 任何小建议都是有帮助的Javascript 如何下载pdf格式的图表?,javascript,c#,asp.net,chart.js,Javascript,C#,Asp.net,Chart.js,下面的代码用于使用chartjs库绘制图表,现在我希望在单击btnExport时将该图表下载为pdf。pdf应使用itextsharp或任何其他方法自动下载 任何小建议都是有帮助的 <body> <form runat="server"> <div class="container"> <canvas id="myChart" runat="server"></canvas> <asp:Bu
<body>
<form runat="server">
<div class="container">
<canvas id="myChart" runat="server"></canvas>
<asp:Button ID="btnExport" OnClick="btnExport_Click" runat="server" Text="Button" />
</div>
<script>
let myChart = document.getElementById('myChart').getContext('2d');
let massPopChart = new Chart(myChart, {
type:'bar', // bar, horizontalBar, pie, line, doughnut, radar, polarArea
data:{
labels:['Boston', 'Worcester', 'Springfield', 'Lowell', 'Cambridge', 'New Bedford'],
datasets:[{
label:'Population',
data:[
617594,
181045,
153060,
106519,
105162,
95072
],
//backgroundColor:'green',
backgroundColor:[
'rgba(255, 99, 132, 0.6)',
'rgba(54, 162, 235, 0.6)',
'rgba(255, 206, 86, 0.6)',
'rgba(75, 192, 192, 0.6)',
'rgba(153, 102, 255, 0.6)',
'rgba(255, 159, 64, 0.6)',
'rgba(255, 99, 132, 0.6)'
],
borderWidth:1,
borderColor:'#777',
hoverBorderWidth:3,
hoverBorderColor:'#000'
}]
},
options:{
title:{
display:true,
text:'Largest Cities In Massachusetts',
fontSize:25
},
legend:{
display:true,
position:'right',
labels:{
fontColor:'#000'
}
},
layout:{
padding:{
left:50,
right:0,
bottom:0,
top:0
}
},
tooltips:{
enabled:true
}
}
});
</script>
</form>
</body>
让myChart=document.getElementById('myChart').getContext('2d');
让massPopChart=新图表(myChart{
类型:'bar'、//bar、水平条、饼、线、甜甜圈、雷达、polarArea
数据:{
标签:[“波士顿”、“伍斯特”、“斯普林菲尔德”、“洛威尔”、“剑桥”、“新贝德福德”],
数据集:[{
标签:'人口',
数据:[
617594,
181045,
153060,
106519,
105162,
95072
],
//背景颜色:'绿色',
背景颜色:[
"rgba(255,99,132,0.6)",,
"rgba(54162235,0.6)",,
"rgba(255,206,86,0.6)",,
"rgba(751921920.6)",,
“rgba(153102255,0.6)”,
"rgba(255,159,64,0.6)",,
'rgba(255,99,132,0.6)'
],
边框宽度:1,
边框颜色:'#777',
悬停边界宽度:3,
悬停边框颜色:“#000”
}]
},
选项:{
标题:{
显示:对,
正文:“马萨诸塞州最大的城市”,
尺寸:25
},
图例:{
显示:对,
位置:'右',
标签:{
fontColor:“#000”
}
},
布局:{
填充:{
左:50,,
右:0,,
底部:0,
排名:0
}
},
工具提示:{
已启用:true
}
}
});
请帮助我将该图表转换为pdf此问题的答案已在“谢谢”,它正在工作。以上代码仅呈现一页pdf。你能帮我翻多页吗