使用Pagedjs时Chartjs图表中断

kh212irz  于 2023-03-18  发布在  Chart.js
关注(0)|答案(1)|浏览(194)

我正在使用Chartjs & Paged.js打印页面。

一切都很好直到我发现如果我写这些代码

let flow = paged.preview().then((flow) => {
    console.log("Rendered", flow.total, "pages.");
  });

图表消失。
这两个包是不是沿着...?

iovurdzv

iovurdzv1#

https://pagedjs.org/的好人的帮助下,我找到了这个问题的解决方案

<head>
    <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
</head>

现在,在您的主体中添加以下Paged.js扩展名:

<body>
<div id="yourchart"></div>
<script>

  class myChartCreator extends Paged.Handler {
            constructor(chunker, polisher, caller) {
                super(chunker, polisher, caller);
            }

            afterRendered(pages) {
               loadYourChart();
               someOtherFunction();
               return Promise.resolve(
                    someLongRunningStuff()
               );
               ...
             }
        }
        Paged.registerHandlers(myChartCreator);

</script>
</body>

它可以完美地与Chart.js和amcharts5配合使用。

相关问题