title: Two data sets with different time instances on the same ChartJs chart
body: <p>My scenario:
  A machine creates events ON, RELOAD, OFF on certain time instances.
  It also sends sensor Heat data every hour, that may or may not be at time instances of events.</p>
  <p>See sample data below.</p>
  <pre><code>events [10.30AM, 4.45PM, 6.15PM, 8PM]
  
  Heat Data [11Am, 12PM,........., 7PM]
  </code></pre>
  <p>As you can see data points falls in different time ranges. Therefore, If I use example below, heat data will be totally miss aligned.</p>
  <p><a href="https://www.chartjs.org/samples/latest/scales/time/line-point-data.html" rel="nofollow noreferrer">https://www.chartjs.org/samples/latest/scales/time/line-point-data.html</a></p>
  <p>Is there a way to plot these two datasets accurately?</p>