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

var chart = new CanvasJS.Chart("chartContainer",{
  title: {
    text: "Setting fixed width to columns"
  },
  dataPointWidth: 20,
  data: [
    {
      type: "column",
      dataPoints: [
        { label: "Orange", y: 29 },
        { label: "Apple",  y: 40 },
        { label: "Mango",  y: 34 },
        { label: "Grape",  y: 24 }
      ]
    }
  ]
});
chart.render();