Chart.js #time

by Akihiko Kusanagi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://www.chartjs.org/dist/master/Chart.min.js"></script>
<div>
  <canvas id="myChart" width="800" height="300"></canvas>
</div>

JavaScript

Chart.defaults.global.defaultFontSize = 16;
var ctx1 = document.getElementById("myChart");
var myChart1 = new Chart(ctx1, {
  type: 'line',
  data: {
    labels: [
      '2017-06-01',
      '2019-06-01'
    ],
    datasets: [{
      label: 'data',
      data: [
        200, 400, 800
      ]
    }]
  },
  options: {
    responsive: false,
    title: {
      display: true,
			text: 'ticks.major.enabled: true'
    },
    scales: {
      xAxes: [{
        type: 'time',
        time: {
//          unit: 'minute'
        },
				ticks: {
					major: {
            enabled: true
          }
        }
      }]
    }
  }
});