<div class="html">
            <div class="body">
                <p>
                    <button class="btn_pdf">PDF DOWN</button>
                    <button class="btn_png">PNG DOWN</button>
                    <button class="btn_json">Json DOWN</button>
                </p>
                <script src="https://cdn.jsdelivr.net/npm/jquery.gantt@1.0.0/dist/jquery-gantt.min.js"></script>
                <div id="gantt_here"></div>
                <script>
                    fetch('/data.json')
                        .then(response => response.json())
                        .then(data => {
                            gantt.config.min_column_width = 50;
                            gantt.config.scale_height = 90;
                            gantt.config.scales = [
                                {unit: "year", step: 1, format: "%Y"},
                                {unit: "month", step: 1, format: "%M"}
                            ];
                            gantt.init("gantt_here");
                            gantt.parse(data);
                        });
                        $('.btn_pdf').on('click',function(){
                            gantt.exportToPDF();
                        });
 
                        $('.btn_png').on('click',function(){
                            gantt.exportToPNG();
                        });
 
                        $('.btn_json').on('click',function(){
                            gantt.exportToJSON({
                                name:"gantt.json"
                            });
                        });
                </script>
            </div>
        </div>