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: "Chart with additional toolTip content"
  },
  toolTip: {
    shared: true,
    contentFormatter: function (e) {
      var content = " ";
      for (var i = 0; i < e.entries.length; i++) {
        content += CanvasJS.formatDate(e.entries[i].dataPoint.x, "DD MMM YY") + " : " + "<strong>" + e.entries[i].dataPoint.y + "</strong>" + " " + e.entries[i].dataPoint.extraContent;
        content += "<br/>";
      }
      return content;
    }
  },
  axisX: {
    gridColor: "Silver",
    valueFormatString: "DD/MMM"
  },
  axisY: {
    includeZero: false
  },
  data: [
    {
      type: "line",
      showInLegend: true,
      name: "Visits",
      dataPoints: [
        { x: new Date(2021,10,20), y: 1, extraContent: "(5)" },
        { x: new Date(2021,10,21), y: 3, extraContent: "(1,4,3)"},
        { x: new Date(2021,10,22), y: 2, extraContent: "(2,3)" }
      ]
    }
  ]
});
chart.render();