JSFiddle - React, Tailwind, and code Playground

by katsukino

HTML

<script src="https://cdn.canvasjs.com/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

window.onload = function() {
  var chart = new CanvasJS.Chart("chartContainer", {
    title: {
      text: "Arrow over the last dataPoint"
    },
    data: [
      {
        type: "line",
        lineThickness: 3,
        markerSize: 5,
        dataPoints: [
          { x: 10, y: 1100,  toolTipContent: null  },
          { x: 20, y: 1200, toolTipContent: null },
          { x: 19.5, y: 1205, markerType: "none", toolTipContent: null },
          { x: 20, y: 1200, markerType: "none", toolTipContent: null  },
          { x: 19.6, y: 1185, markerType: "none", toolTipContent: null  },
        ]
      }
    ]
  });

  chart.render();
}