JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

window.onload = function () {
  var dataPoints = [];
  
  var stockChart = new CanvasJS.StockChart("chartContainer",{
    title: {
        text: "StockChart Title"
      },
    charts: [{   
    	zoomEnabled: true,
      data: [{        
        type: "line", 
        dataPoints : dataPoints
      }]
    }],
    navigator: {
    	axisX:{
      	minimum: new Date(2018,0,1)
      },
    }
    
  }); 

  $.getJSON("https://canvasjs.com/data/docs/btcusd2018.json", function(data) {  
    for(var i = 0; i < data.length; i++){
      dataPoints.push({x: new Date(data[i].date), y: Number(data[i].close)});
    }
	
    stockChart.render();
  });
  
  
}