Vertica lines are missing when exporting to PDF/PNG[Vue.js]


#1

Hi,
I’m exporting my gantt to PDF/PNG and vertical lines in timeline are missing.
I try to set smart_scales to false and reinit Gantt, but it does not works.
Do you have any idea why its not working ?

        this.gantt.config.smart_scales = false;
        this.gantt.config.smart_rendering = false;
        this.gantt.init(this.elementId);

        const fileName = getGanttExportFileName('pdf');
        const css = getGanttCss();

        // noinspection JSUnresolvedLibraryURL
        const fontAwsome = '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">';

        this.gantt.exportToPDF({
            name: fileName,
            header: `${fontAwsome} <style>${css}</style>`,
            locale: this.$localization.getDhtmlxCulture(),
            raw: true
        });

#2

Hello,
I tried to reproduce your issue in the following demo, but it seems to work correctly:
https://files.dhtmlx.com/30d/3f7364a34ab9330f36cdc13d9eb77813/vue_export.zip
Probably, the issue is related to the Gantt configuration, but it is hard to suggest what might be wrong as I don’t see your code. Could you please provide the simplified demo where I can reproduce the issue locally?


#3

You can reproduce it setting gantt.config.static_background = true.
Anyway, I was able to fix it setting is to false before export, thanks for your help


#4

Hello,
We checked this issue, confirmed the bug, and added it to our tracker. Thank you for paying attention to it. The dev team will fix it in the future, but I cannot give you any ETA.