그누보드 간트차트 질문드립니다.. 채택완료

</p>

<p><div class="html"></p>

<p>            <div class="body"></p>

<p>                <p></p>

<p>                    <button class="btn_pdf">PDF DOWN</button></p>

<p>                    <button class="btn_png">PNG DOWN</button></p>

<p>                    <button class="btn_json">Json DOWN</button></p>

<p>                </p></p>

<p>                <script src="<a href="https://cdn.jsdelivr.net/npm/jquery.gantt@1.0.0/dist/jquery-gantt.min.js"></script>" target="_blank" rel="noopener noreferrer">https://cdn.jsdelivr.net/npm/jquery.gantt@1.0.0/dist/jquery-gantt.min.js"></script></a></p>

<p>                <div id="gantt_here"></div></p>

<p>                <script></p>

<p>                    fetch('/data.json')</p>

<p>                        .then(response => response.json())</p>

<p>                        .then(data => {</p>

<p>                            gantt.config.min_column_width = 50;</p>

<p>                            gantt.config.scale_height = 90;</p>

<p>                            gantt.config.scales = [</p>

<p>                                {unit: "year", step: 1, format: "%Y"},</p>

<p>                                {unit: "month", step: 1, format: "%M"}</p>

<p>                            ];</p>

<p>                            gantt.init("gantt_here");</p>

<p>                            gantt.parse(data);</p>

<p>                        });</p>

<p>                        $('.btn_pdf').on('click',function(){</p>

<p>                            gantt.exportToPDF();</p>

<p>                        });</p>

<p> </p>

<p>                        $('.btn_png').on('click',function(){</p>

<p>                            gantt.exportToPNG();</p>

<p>                        });</p>

<p> </p>

<p>                        $('.btn_json').on('click',function(){</p>

<p>                            gantt.exportToJSON({</p>

<p>                                name:"gantt.json"</p>

<p>                            });</p>

<p>                        });</p>

<p>                </script></p>

<p>            </div></p>

<p>        </div></p>

<p>