Chart.js #4545 test 01

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.js"></script>
<canvas id="myChart"></canvas>

JavaScript

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: ['2017-07-10', '2017-07-11', '2017-07-12', '2017-07-13'],
    datasets: [{
      data: [1, 2, 3, 4]
    }]
  },
  options: {
    title: {
      display: true,
      text: 'offsetGridLines: false, offset: true (time scale)'
    },
    hover: {
      mode: 'index',
       intersect: false
    },
    scales: {
      xAxes: [{
        gridLines: {
          //display: false,
          offsetGridLines: false,
        },
        type: "time",
        ticks: {
          mode: 'series',
          source: 'labels',
        },
        time: {
          displayFormats: {
            "millisecond": "SSS [ms]",
            "second": "h:mm:ss a",
            "minute": "h:mm:ss a",
            "hour": "MMM D, hA",
            "day": "D-MMM",
            "week": "wo",
            "month": "MMM YYYY",
            "quarter": "[Q]Q - YYYY",
            "year": "YYYY"
          },
          tooltipFormat: "D MMM YYYY",
          unit: 'day'
        },
        barThickness: 110,
        beginAtZero: true,
        offset: true
      }],
      yAxes: [{
        ticks: {
          beginAtZero: true
        }
      }]
    }
  }
});