그누보드 간트차트 질문드립니다..

<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/[email protected]/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>