title: How to create a gantt chart using Chart.js and populate dates?
body: <p>I am trying to create a gantt chart with Chart.js. I use <code>horizontalBar</code> chart type and this works fine if I populate numbers instead of dates, but it does not render when I pass dates as data.</p>
  
  <p>Data structure: Task, Start Date, End Date</p>
  
  <pre><code>this.chartData = {
    labels: ['Task 1', 'Task 2'],
    datasets: [{
      data: ['2019-01-20', '2019-01-30'],
    }],
  };
  
  this.options = {
    title: {
      display: true,
      text: 'Title of Chart',
    },
    legend: {display: false},
    scales: {
      xAxes: [{
        type: 'time',
        time: {
          unit: 'day',
        },
      }],
    },
  };
  </code></pre>
  
  <p>Template:</p>
  
  <pre><code>&lt;chart class="chart" type="horizontalBar" [data]="chartData" [options]="options"&gt;&lt;/chart&gt;
  </code></pre>
  
  <p><a href="https://codepen.io/anon/pen/roPOwe?editors=0011" rel="nofollow noreferrer">Tried another example</a></p>