JSFiddle - React, Tailwind, and code Playground

by Akihiko Kusanagi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js"></script>
<div><canvas id="chart1"></canvas></div>

JavaScript

var ctx1 = document.getElementById('chart1').getContext('2d');
var chart1 = new Chart(ctx1, {
  type: 'line',
  data: {
  	datasets: [{
    	data: [{x: -10, y: -10},{x: 0, y: 0},{x: 10, y: 10},{x: 20, y: 20}],
    }]
  },
  options: {
    scales: {
    	xAxes: [{
        type: 'linear',
        ticks: {
          suggestedMin: 4,
          suggestedMax: 5
        }
    	}]
    }
  }
});