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

window.onload = function () {
	var chart = new CanvasJS.Chart("chartContainer", {
		title: {
			text: "Using label property of Stripline"
		},
		axisX:{
			valueFormatString:"####"
		},
		axisY:{
			stripLines:[
			{      
				value:25,
				label : "25",
        labelAlign: "center"
			}
			]
		},
		data: [
		{
			type: "spline",          
			dataPoints: [
				{ x: 1910, y: 5 }, 
				{ x: 1920, y: 9 }, 
				{ x: 1930, y: 17}, 
				{ x: 1940, y: 35}, 
				{ x: 1950, y: 22}, 
				{ x: 1960, y: 14}, 
				{ x: 1970, y: 25}, 
				{ x: 1980, y: 18}, 
				{ x: 1990, y: 20}
			]
		}
		]        
	});
	chart.render();
  
	chart.addTo("data", {
    type: "scatter",
    markerSize: 0,
    highlightEnabled: false,
    toolTipContent: "Content to be displayed on hover",
    dataPoints: [{
      x: (chart.axisX[0].viewportMaximum + chart.axisX[0].viewportMinimum) / 2 , 
      y: chart.axisY[0].stripLines[0].value
    }]
  })
}