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>
<div style="margin-top:16px;color:dimgrey;font-size:9px;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;">Source: <a href="https://canvasjs.com/docs/charts/chart-options/axisy/reversed/" target="_blank" title="reversed - Reverse the Axis Y ">https://canvasjs.com/docs/charts/chart-options/axisy/reversed/</a></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",{
  title:{
    text: "Column Chart with Reversed Y Axis"
  },
  axisY: [{       
    //reversed: true //Try Changing to false
    margin: -10,
    labelFormatter: function(e) {
      return "";
    }
  }, {
    reversed: true
  }],
  data: [{
    type: "column",
    dataPoints: [
      { x: 10, y: 71 },
      { x: 20, y: 55 },
      { x: 30, y: 50 },
      { x: 40, y: 65 },
      { x: 50, y: 95 },
      { x: 60, y: 68 },
      { x: 70, y: 28 },
      { x: 80, y: 34 },
      { x: 90, y: 14 }
    ]
  }]
});
chart.render();
chart.axisY[1].set("minimum", chart.axisY[0].minimum, false);
chart.axisY[1].set("maximum", chart.axisY[0].maximum);