We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Read more about our Privacy Policy and Cookie Policy
<html><head><scriptsrc="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js"></script><scriptsrc="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js"></script><scriptsrc="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js"></script><scriptsrc="https://cdn.anychart.com/releases/v8/js/anychart-gantt.min.js"></script><scriptsrc="https://cdn.anychart.com/releases/v8/js/anychart-data-adapter.min.js"></script><linkhref="https://cdn.anychart.com/releases/v8/css/anychart-ui.min.css"type="text/css"rel="stylesheet"><linkhref="https://cdn.anychart.com/releases/v8/fonts/css/anychart-font.min.css"type="text/css"rel="stylesheet"><styletype="text/css">html,
body,
#container{width: 100%;height: 100%;margin: 0;padding: 0;}</style></head><body><divid="container"></div><script>
anychart.onDocumentReady(function(){// The data used in this sample can be obtained from the CDN// https://cdn.anychart.com/samples/gantt-live-editing/project-chart-editing/data.json
anychart.data.loadJsonFile('https://cdn.anychart.com/samples/gantt-live-editing/project-chart-editing/data.json',function(data){// create data tree on raw datavar treeData = anychart.data.tree(data,'as-table');// create project gantt chartvar chart = anychart.ganttProject();// set data for the chart
chart.data(treeData);// set pixel position of the main splitter
chart.splitterPosition(220);// make chart editable
chart.edit(true);// set container id for the chart
chart.container('container');// initiate chart drawing
chart.draw();// zoom chart all dates range
chart.fitAll();});});</script></body></html>