如何将Google组织结构图导出为PNG
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何将Google组织结构图导出为PNG相关的知识，希望对你有一定的参考价值。
我使用谷歌组织结构图（https://developers.google.com/chart/interactive/docs/gallery/orgchart）在我的网络应用程序中渲染图表。我将自定义格式添加到我的组织结构图节点。
我想添加将组织结构图保存为PNG的功能。为此，我尝试使用内置功能导出到PNG（https://developers.google.com/chart/interactive/docs/printing）。
但是，当我使用上述方法将其导出到PNG时，组织结构图的所有格式都将丢失。我想导出它，以便在导出中完全保留组织结构图的外观。
有关如何实现这一目标的任何指示？
答案
我想打印导致同样问题的组织结构图。通过包含CSS文件解决了它
function printDiv()
{
var divToPrint=document.getElementById('chart_div');
var newWin=window.open('','Print-Window');
newWin.document.open();
newWin.document.write('<html>');
newWin.document.write('<link rel="stylesheet" href="/OrgChart.css" type="text/css" />');
newWin.document.write('<body onload="window.print)">'+divToPrint.innerHTML+'</body></html>');
newWin.document.close();
setTimeout(function(){newWin.close();},10);
}
HTML
<div id="tools"><a onclick=printDiv();>Print</a></div>
以上是关于如何将Google组织结构图导出为PNG的主要内容，如果未能解决你的问题，请参考以下文章
有没有办法将 Google Visualization 组织结构图导出为图像？