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

CanvasJS.addColorSet("main1",[//colorSet Array
  "#8DA9A9",
  "#9999F4",
  "#B7B7B7",
  "#C54A8C"
]);

var chart = new CanvasJS.Chart("chartContainer",{
  toolTip:{
    fontFamily: "Segoe UI",
    fontSize: 12,
    fontStyle: "normal"
  },
  animationEnabled: true,
  zoomEnabled: true,
  zoomType: "xy",
  colorSet:"main1",
  title:{
    text: "List of valuations",
    fontFamily: "Perpetua Titling MT",
    fontSize: 20
  },
  exportEnabled: true,
  axisX: {
    labelFontFamily: "Segoe UI",
    labelFontSize: 12,
    titleFontFamily: "Segoe UI",
    titleFontSize: 16,
    interval: 1
  },
  axisY: {
    title: "Axis-Y Title",
    labelFontFamily: "Segoe UI",
    labelFontSize: 12,
    titleFontFamily: "Segoe UI",
    titleFontSize: 16,
  },
  dataPointMaxWidth: 25,
  data: [
    {
      type: "bar",
      indexLabelFontFamily: "Segoe UI",
      indexLabelFontSize: 12,
      dataPoints: [
        {y:258.0,label: "2011-05-07"},
        {y:28.30,label: "2011-06-18"},
        {y:150000.0,label: "2011-06-30"},
        {y:236750.0,label: "2012-04-30"},
        {y:2082.73,label: "2012-06-27"},
        {y:172500.0,label: "2012-06-28"},
        {y:1823.65,label: "2012-08-29"},
        {y:108.94,label: "2012-09-19"},
        {y:-35.0,label: "2012-09-30"},
        {y:208.65,label: "2012-11-30"},
        {y:56.95,label: "2013-06-21"},
        {y:39.96,label: "2013-06-30"},
        {y:39.99,label: "2013-09-26"},
        {y:72.69,label: "2013-10-31"},
        {y:69000.0,label: "2014-04-30"},
        {y:229.0,label: "2014-05-22"},
        {y:168.94,label: "2014-07-31"},
        {y:125250.0,label: "2014-08-13"},
        {y:1404.84,label: "2014-08-20"},
        {y:92500.0,label: "2014-10-10"},
        {y:289.99,label: "2015-03-31"},
        {y:270.0,label: "2015-10-15"},
        {y:229.0,label: "2015-10-17"},
        {y:169.96,label: "2015-10-26"},
        {y:43.99,label: "2015-10-27"}
      ]
    }
  ]
});
chart.render();