Chart.js #6018

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 class="myChartDiv">
  <canvas id="myChart1" width="600" height="400"></canvas>
</div>

CSS

.myChartDiv {
  max-width: 600px;
  max-height: 400px;
}

JavaScript

Chart.defaults.global.defaultFontSize = 16;
var ctx1 = document.getElementById("myChart1");
var myChart1 = new Chart(ctx1, {
  type: 'line',
  data: {
    labels: [
      '2009-04-01 00:59:00',
      '2009-04-01 01:01:00',
      '2009-04-01 01:03:00',
      '2009-04-01 01:05:00',
      '2009-04-01 01:07:00',
      '2009-04-01 01:09:00',
      '2009-04-01 01:11:00',
      '2009-04-01 01:13:00',
      '2009-04-01 01:15:00',
      '2009-04-01 01:17:00'
    ],
    datasets: [{
      label: 'data',
      data: [
        200, 400, 800, 1600, 3200,
        6400, 12800, 25600, 51200, 102400
      ]
    }]
  },
  options: {
    title: {
      display: true,
			text: 'ticks.major.enabled: true'
    },
    scales: {
      xAxes: [{
        type: 'time',
        time: {
          unit: 'minute'
        },
				ticks: {
					major: {
            enabled: true
          }
        }
      }]
    }
  }
});