JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart_a = new CanvasJS.Chart('chartContainer', {
    "title": {
      "text": "Count",
    },
    "axisX": {
      "title": "Seasoning (Months)",
      "interval": 1,
    },
    "axisY": {
      "title": "Count"
    },
    data: [{
      "color": "#8bb9e1",
      "type": "column",
      "dataPoints": [{
          "label": 46,
          "y": 12
        },
        {
          "label": 49,
          "y": 35
        },
        {
          "label": 52,
          "y": 37
        },
        {
          "label": 55,
          "y": 12
        },
        {
          "label": 58,
          "y": 53
        },
        {
          "label": 61,
          "y": 22
        },
        {
          "label": 64,
          "y": 64
        },
        {
          "label": 67,
          "y": 22
        },
        {
          "label": 76,
          "y": 11
        },
      ]
    }],
    legend: {
      'fontFamily': "ManRope",
      'fontWeight': "normal"
    }
  });
  chart_a.render();