ChartJS 有没有办法自定义在JavaScript / React上打印的页数?

vktxenjb  于 2023-01-13  发布在  Chart.js
关注(0)|答案(1)|浏览(160)

我目前正在开发一个使用Chart.js的React应用程序。最近,我在使用Chrome时发现了一个新的bug:每当我尝试打印包含图表的页面时,就会生成600多个额外的空白页。
无论我使用cmd + print还是window.print()进行打印,都会出现这种情况。
重要的是人们可以在我们的应用程序上打印这些报告,这个问题目前在Chrome上发生,但在Safari上没有。
有没有办法设置打印的页数,无论是用CSS还是JavaScript?也许是@media print上的一些属性?
您的帮助将不胜感激!

vvppvyoh

vvppvyoh1#

我进一步调查了这个问题。V108 Google Chrome更新给许多用户带来了打印预览的问题。
有一种解决方法涉及应用此CSS:

.chartjs-size-monitor-expand > div {
    position: fixed !important; // cannot stay “absolute”
  }

  chartjs-size-monitor,
  .chartjs-size-monitor-shrink,
  .chartjs-size-monitor-expand,
  .chartjs-size-monitor-expand > div {
    position: fixed !important; // cannot stay “absolute”
  }

来源:Hundreds of blank pages and/or disproportion when printing a web page, after chrome version ~103 release (solved)
这解决了我的问题!希望它能帮助任何需要它的人。

相关问题