JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="chartContainer" style="height: 300px; width: 100%;"></div>

JavaScript

var dataPoints = [{"x":1,"y":12,"label":"Jan"},{"x":2,"y":9,"label":"Apr"},{"x":3,"y":10,"label":"Jul"},{"x":4,"y":11,"label":"Oct"}];
var chart = new CanvasJS.Chart("chartContainer",{
  title:{
    text:"Rendering Chart with dataPoints from JSON"
  },
  data: [{
    dataPoints: dataPoints
  }]
});

chart.render();