JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;">
</div>
JavaScript
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Date time axis with interval 1 months"
},
axisX:{
viewportMinimum: new Date(1673420558986),
interval: 2,
intervalType: "hour"
// minute
},
"data": [
{
"color": "#E9BD26",
"dataPoints": [
{
"x": 1673420752830,
"y": 200
},
{
"x": 1673420588986,
"y": 13
}
],
"name": "PAO2",
"type": "line",
"xValueType": "dateTime"
}
],
});
chart.render();
}