我如何从服务器端为甘特图dhtmlx甘特图加载数据

时间:2020-06-01 12:47:45

标签: javascript reactjs gantt-chart dhtmlx

我在这里const { tasks } = props;

获取数据
  useEffect(() => {
    gantt.init('gantt');
    gantt.config.xml_date = '%Y-%m-%d';
    gantt.config.columns = [
      {
        name: 'name', label: 'Task name', width: '*', tree: true
      },
      { name: 'startDate', label: 'Start time', align: 'center' },
      { name: 'duration', label: 'Duration', align: 'center' },
      { name: 'priotity', label: 'Priority', align: 'center' },

      // { name: 'add', label: '', width: 44 }
    ];
     gantt.load(tasks);
  }, []);

页面加载时无法获取任何数据。

1 个答案:

答案 0 :(得分:0)

gantt.load方法需要一个URL来加载数据:

https://docs.dhtmlx.com/gantt/api__gantt_load.html

如果您从JSON对象加载数据,则需要使用gantt.parse方法:

https://docs.dhtmlx.com/gantt/api__gantt_parse.html