JSFiddle - React, Tailwind, and code Playground
by Swapnil V
HTML
<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<body>
<div id="chartContainer" style="height: 400px; width: 100%;">
</div>
</body>
JavaScript
var chart = new CanvasJS.Chart("chartContainer",
{
title: {
text: "Axis Y Last Label Issue",
},
axisY:{
interval: 4.56,
minimum:31.8,
maximum:77.4,
},
data: [
{
type: "column",
dataPoints: [
{ x: 100, y: 35 },
{ x: 200, y: 55},
{ x: 300, y: 50 },
{ x: 400, y: 65 },
{ x: 500, y: 45 },
{ x: 600, y: 68 },
{ x: 700, y: 58 },
{ x: 800, y: 34 },
{ x: 900, y: 64}
]
}
]
});
chart.render();