On hover of the graphs

[osamanatouf]

I want to get x and y coordinate onHover on the graph, not sure why but when I add the event into the chart it does not work, and if there is any way to alter the code to make it work, please give an example.

ubuntu,20 chrome
Live Example: Jsfiddle / Plunker

function LineChart (props) {
const data = getDatum(props.linechart[0],props.linechart[1],props.linechart[2],props.linechart[4]);
return (
<React.Fragment >

{
React.createElement(NVD3Chart, {
xAxis: {
tickFormat: function(d){ return d; },
axisLabel: props.linechart[3]
},
yAxis: {
axisLabel: props.linechart[4],
tickFormat: function(d) {return parseFloat(d).toFixed(2); }
},
type:'lineChart',
datum: data,
x: 'x',
y: 'y',
height: 300,
useInteractiveGuideline: true,
inteactive:true,
renderEnd: function(){
console.log('renderEnd');
}
},)
}

</React.Fragment>
);}