JSFiddle - React, Tailwind, and code Playground

by santy_naren

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
	width: 1024,
  height: 350,  
  data: [
    {
      type: "scatter",
      dataPoints: [
        { x: 23232, y: 454432 },
        { x: 23533, y: 454333 },
        { x: 24343, y:457897 },
        { x: 24876, y: 458984 },
        { x: 23765, y:  456765},
        { x: 24323, y: 453232 },
        { x: 24356, y: 456786 },
        { x: 23897, y: 456754 },
        { x: 24876, y: 456575 }
      ]
    }					
  ]
});

chart.render();
chart.axisY[0].set("interval", chart.axisX[0].get("interval"));