title: DHTMLXGantt Invalid Data
body: <p>I need to load MySQL data to DHTMLXGantt and I followed all the instructions here in the website (link: <a href="http://docs.dhtmlx.com/gantt/desktop__how_to_start.html" rel="nofollow">http://docs.dhtmlx.com/gantt/desktop__how_to_start.html</a>) yet it showed me an "Invalid Data" error. Where did I go wrong?</p>
  
  <p>Here is my code: </p>
  
  <pre><code>    //myGantt.html
      &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
         &lt;title&gt;How to Start with dhtmlxGantt&lt;/title&gt;
         &lt;script src="codebase/dhtmlxgantt.js"&gt;&lt;/script&gt;
         &lt;link href="codebase/dhtmlxgantt.css" rel="stylesheet"&gt;
         &lt;style type="text/css" media="screen"&gt;
          html, body{
              margin:0px;
              padding:0px;
              height:100%;
              overflow:hidden;
          }   
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="gantt_here" style='width:1000px; height:400px;'&gt;&lt;/div&gt;
          &lt;script type="text/javascript"&gt;
          var tasks = {
          data:[
              {id:1, text:"Project #1",start_date:"01-04-2013", duration:11,
              progress: 0.6, open: true},
              {id:2, text:"Task #1",   start_date:"03-04-2013", duration:5, 
              progress: 1,   open: true, parent:1},
              {id:3, text:"Task #2",   start_date:"02-04-2013", duration:7, 
              progress: 0.5, open: true, parent:1},
              {id:4, text:"Task #2.1", start_date:"03-04-2013", duration:2, 
              progress: 1,   open: true, parent:3},
              {id:5, text:"Task #2.2", start_date:"04-04-2013", duration:3, 
              progress: 0.8, open: true, parent:3},
              {id:6, text:"Task #2.3", start_date:"05-04-2013", duration:4, 
              progress: 0.2, open: true, parent:3}
          ],
          links:[
              {id:1, source:1, target:2, type:"1"},
              {id:2, source:1, target:3, type:"1"},
              {id:3, source:3, target:4, type:"1"},
              {id:4, source:4, target:5, type:"0"},
              {id:5, source:5, target:6, type:"0"}
          ]
      };
              gantt.config.xml_date = "%Y-%m-%d %H:%i";
              gantt.init("gantt_here");
              gantt.load('data.php');//loads data to Gantt from the database
          &lt;/script&gt;
      &lt;/body&gt;
      &lt;/html&gt;`
  </code></pre>
  
  <p>Here's my data.php</p>
  
  <pre><code>    &lt;?php
  
      include ('codebase/connector/gantt_connector.php');
  
      $res=mysql_connect("localhost","root","");
      mysql_select_db("dhtmlx");
  
      $gantt = new JSONGanttConnector($res);
      $gantt-&gt;render_links("gantt_links","id","source,target,type");
      $gantt-&gt;render_table(
      "gantt_tasks",
      "id",
      "start_date,duration,text,progress,sortorder,parent"
      );
      ?&gt;
  </code></pre>
  
  <p>Here's my table:
  gantt_links columns: id, source, target, type
  gantt_tasks columns: id, text, start_date,duration,text,progress,sortorder,parent</p>