Javascript 如何使用chart.js以Excel和PDF格式导出图表
我尝试创建一个示例来演示使用的图表。我能做得很好。现在我想将此图表导出到Excel和PDF 或者可以使用Chart.js这样做吗 以下是我的JavaScript代码:Javascript 如何使用chart.js以Excel和PDF格式导出图表,javascript,pdf,export-to-excel,chart.js,Javascript,Pdf,Export To Excel,Chart.js,我尝试创建一个示例来演示使用的图表。我能做得很好。现在我想将此图表导出到Excel和PDF 或者可以使用Chart.js这样做吗 以下是我的JavaScript代码: function TyLyReport(){ var barChartData = { labels : ["Jan","Feb","Mar"], datasets : [ { fillColor : "#616161",
function TyLyReport(){
var barChartData = {
labels : ["Jan","Feb","Mar"],
datasets : [
{
fillColor : "#616161",
highlightFill: "#616161",
data : [1000,2000,2500]
},
{
fillColor : "#FF4848",
highlightFill: "#FF4848",
data : [1016,1800,2900]
}
]
}
window.onload = function(){
var ctx = document.getElementById("canvas").getContext("2d");
window.myBar = new Chart(ctx).Bar(barChartData, {
responsive : true,
scaleOverride: true,
scaleSteps: 3,
scaleStepWidth: 1000,
scaleStartValue: 0,
scaleShowLabels: true,
barValueSpacing : 30
});
}
}
以下是我的HTML代码:
<div style="width: 80%">
<canvas id="canvas" class="reportbox"></canvas>
</div>
<script>
TyLyReport();
</script>
TyLyReport();
我可以使用这个Chart.js这样做吗
如果是,请建议可能的解决方案,如果不是,请告诉我是否有任何开源工具可以这样做
非常感谢。Chart.js不支持转换为pdf,但您可以使用以下代码将其转换为图像
function done() {
console.log('done');
var url=document.getElementById("page").toDataURL();
document.getElementById("url").src=url;
}
在“选项”中,您必须设置以下内容:
onAnimationComplete: done