如何使用 Chart.js 以 Excel 和 PDF 格式導出圖表

Question

我嘗試使用Chart.js創建一個示例來演示圖表。 我能夠做得很好。 現在我想將此圖表導出為 Excel 和 PDF。

或者是否可以使用 Chart.js 這樣做

這是我的 JavaScript 代碼：

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>

我可以使用這個 Chart.js 這樣做嗎？

如果是，請提出可能的解決方案，如果否，請告訴我是否有任何開源工具可以這樣做。

非常感謝。

Answer 1

Chart.js 不支持轉換為 pdf，但您可以使用以下代碼將其轉換為圖像

function done() {
    console.log('done');
    var url=document.getElementById("page").toDataURL();
    document.getElementById("url").src=url;
}

在選項中，您必須設置以下內容：

onAnimationComplete: done