Javascript 在angular 4业务应用程序中打印报告

我正在开发一个angular 4商务应用程序，它依赖于报表，为了以html打印页面，我必须将其分离为自己的html页面，没有标题或导航，使用

window.print（）以样式和图表打印

现在，我如何在应用程序本身内做同样的事情而不导航到单独的页面，以及这样做的最佳实践是什么

请注意，每个报表都有一些样式和图表，需要生成外部库。
我不完全确定我是否理解这个问题。。。但是当他们单击打印按钮时，为什么不在隐藏区域生成图表（
display:none
）然后为打印设置单独的css样式，在其中隐藏导航并使用
@media print
媒体查询显示图表。您可以使用Chrome的devtools模拟打印媒体查询，并根据自己的意愿对其进行编辑。不完全确定我是否理解此问题。。。但是当他们点击打印按钮时，为什么不在一个隐藏区域（
display:none
）生成图表，然后使用单独的css样式进行打印，您可以在其中隐藏导航并使用
@media print
媒体查询显示图表。您可以使用Chrome的devtools模拟打印媒体查询，并根据需要进行编辑。