I am trying to use the default cursor of plotly but unable to get it please can anyone help.
Code:
import logo from './logo.svg';
import './App.css';
import Plot from 'react-plotly.js';
var trace1 = {
x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
y: [8, 7, 6, 5, 4, 3, 2, 1, 0],
type: 'line',
};
var trace2 = {
x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
y: [0, 1, 2, 3, 4, 5, 6, 7, 8],
type: 'line'
};
var trace3 = {
x: [23, 1,42, 243, 47, 65, 64, 7, 8],
y: [45, 12, 2, 37, 40, 5, 76, 7, 8],
type: 'line'
};
var tracedata = [trace1, trace2,trace3];
function App() {
return (
<>
<Plot
data={tracedata}
layout={ {xaxis:{
type:'log',autorange:true,title:'Time taken',rangeslider:{}
},
yaxis:{
type:'log',autorange:true,title:'Data'
}
,width:600,height:500,plot_bgcolor:'black',} }
/>
</>
);
}
export default App;
For me default cursor is coming like the above image but the defaul cursort is like in the below image:
