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",
                                 {
    axisX:{
      title: "labels at 45 deg",
      labelAngle: -90
    },
    data: [
      {
        type: "column",
        dataPoints: [
          { y: 26784, label: '0-100'},
          { y: 1166, label: '100-200'},
          { y: 440, label: '200-300'},
          { y: 190, label: '300-400'},
          { y: 115, label: '400-500'},
          { y: 82, label: '500-600'},
          { y: 56, label: '600-700'},
          { y: 48, label: '700-800'},
          { y: 32, label: '800-900'},
          { y: 24, label: '900-1000'},
          { y: 99, label: '1000-2000'},
          { y: 39, label: '2000'},
          { y: 14, label: '3000'},
          { y: 4, label: '4000'},
          { y: 5, label: '5000'},
          { y: 7, label: '6000'},
          { y: 5, label: '7000'},
          { y: 3, label: '8000'},
          { y: 3, label: '9000'},
          { y: 8, label: '10000'},
          { y: 4, label: '15000'},
          { y: 1, label: '20000'},
          { y: 1, label: '25000'},
          { y: 2, label: '30000'},
          { y: 0, label: '50000'},
          { y: 0, label: '60000'},
          { y: 0, label: '70000'},
          { y: 0, label: '80000'},
          { y: 1, label: '90000'}
        ]
      }
    ]
  });

  chart.render();
}