JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.canvasjs.com/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
JavaScript
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
axisY:{
includeZero: true,
minimum: 0,
maximum: 1688551280204010,
interval: 168855128020400,
scaleBreaks : {
autoCalculate: true
}
},
data: [
{
type: "column",
dataPoints: [
{ x: 100, y: 71 },
{ x: 200, y: 1688551280204000, color: 'cyan'},
{ x: 300, y: 50 },
/* { x: 400, y: 65 },
{ x: 500, y: 95 },
{ x: 600, y: 68 },
{ x: 700, y: 28 },
{ x: 800, y: 34 },
{ x: 900, y: 14} */
]
}
]
});
chart.render();
}