Javascript SAPUI5甘特图导出为PDF或打印所有图表
我需要创建“导出到PDF”按钮,并将甘特图的所有数据以相同的布局传输到PDF。有人能帮我提供一些想法或资料吗 或者,它可以打印整个页面,而不是打印屏幕 谢谢。你可以利用它,它并不完美,但可能正是你所需要的 下面是如何使用Javascript SAPUI5甘特图导出为PDF或打印所有图表,javascript,html,ide,sapui5,Javascript,Html,Ide,Sapui5,我需要创建“导出到PDF”按钮,并将甘特图的所有数据以相同的布局传输到PDF。有人能帮我提供一些想法或资料吗 或者,它可以打印整个页面,而不是打印屏幕 谢谢。你可以利用它,它并不完美,但可能正是你所需要的 下面是如何使用vizframe图表或与一起使用jsPDF的示例 您需要调整图表视图的高度/宽度和jsPDF设置,以符合您的偏好 var doc=newjspdf('p','mm'); $(“#打印btn”)。单击(()=>{ html2canvas(document.body{ onrend
vizframe
图表或与一起使用jsPDF
的示例
您需要调整图表视图的高度/宽度和jsPDF设置,以符合您的偏好
var doc=newjspdf('p','mm');
$(“#打印btn”)。单击(()=>{
html2canvas(document.body{
onrendered:函数(画布){
var img=canvas.toDataURL(“image/jpg”);
文档添加图像(img,'JPEG',0,0);
doc.save(“Chart.pdf”);
}
})
});代码>
交互式柱状图打印PDFchartValue%020406080
导出为PDF
您可以使用sap.gantt.simple.GanttPrinting
有效期:1.66
其中GantChartContainer id=“GantContainer”这可能会帮助您:这是我的示例我想打印所有树和图表
controllerName="sap.gantt.sample.GanttPrinting.Gantt"
height="100%"
xmlns="sap.gantt.simple"
xmlns:mvc="sap.ui.core.mvc"
xmlns:m="sap.m">
<GanttChartContainer id="ganttContainer">
<toolbar>
<ContainerToolbar stepCountOfSlider="6">
<m:Button text="Export to PDF" press="onExportPDF" />
</ContainerToolbar>
</toolbar>
</GanttChartContainer>
<gnt2:GanttChartWithTable shapeDoubleClick="onSahpeDblClick" id="gantt1" ghostAlignment="Start" adhocLineLayer="Bottom"> </gnt2:GanttChartWithTable>
</mvc:View>
onExportPDF: function () {
var oGantt = this.getView().byId("gantt1");
var oGanttPrinting = new sap.gantt.simple.GanttPrinting();
oGanttPrinting.setGanttChart(oGantt);
oGanttPrinting.open();
}