JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="https://npmcdn.com/chart.js@2.8.0/dist/Chart.bundle.min.js"></script>
<html>
<body>
<div class="myChartDiv">
<canvas id="myChart" width="600" height="400"></canvas>
</div>
</body>
</html>
JavaScript
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['2019-04','2019-05','2019-06'],
datasets: [{
label: '#1',
data: [
{x:'2019-04', y:3},
{x:'2019-05', y:7},
{x:'2019-06', y:11},
],
}]
}
});