首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用Chart.js导出Excel和PDF格式的图表

如何使用Chart.js导出Excel和PDF格式的图表
EN

Stack Overflow用户
提问于 2015-03-20 10:24:09
回答 1查看 8.8K关注 0票数 2

我尝试创建一个示例来使用Chart.js演示图表。我能做得很好。现在,我想将此图表导出到Excel和PDF中。

或者使用Chart.js可以这样做吗?

这是我的JavaScript代码:

代码语言: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代码:

代码语言:javascript
运行
复制
<div style="width: 80%">
    <canvas id="canvas" class="reportbox"></canvas>
</div>
<script>
    TyLyReport();
</script>

我可以使用这个Chart.js这样做吗?

如果是,请提出可能的解决方案,如果不是,请告诉我是否有任何开源工具可以这样做。

提前谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-10 06:58:31

Chart.js不支持将其转换为pdf格式,但您可以使用以下代码将其转换为图像

代码语言:javascript
运行
复制
function done() {
    console.log('done');
    var url=document.getElementById("page").toDataURL();
    document.getElementById("url").src=url;
}

在选项中,必须设置以下内容:

代码语言:javascript
运行
复制
onAnimationComplete: done
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29164276

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档