Javascript SAPUI5甘特图导出为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

我需要创建“导出到PDF”按钮,并将甘特图的所有数据以相同的布局传输到PDF。有人能帮我提供一些想法或资料吗

或者,它可以打印整个页面,而不是打印屏幕

谢谢。

你可以利用它,它并不完美,但可能正是你所需要的

下面是如何使用
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();
        }