plotly multiple axes 1
HTML
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv"></div>
JavaScript
//PLOT SIMPLE LINE GRAPH
var trace1 =
{
x: [1, 2, 3],
y: [40, 50, 60],
name: 'data1',
type: 'scatter',
hoverinfo: 'none'
};
var trace2 =
{
x: [2, 3, 4],
y: [4, 5, 6],
name: 'data2',
type: 'scatter',
hoverinfo: 'none'
};
data=[trace1,trace2];
var layout ={
//hovermode: false//closest, false
}
Plotly.newPlot("myDiv",data,layout);
myDiagramElement = document.getElementById("myDiv");
myDiagramElement.on('plotly_beforehover',function(){
console.log("HOVER BEFORE");
});
myDiagramElement.on('plotly_unhover', function(data){
console.log("UNHOVER");
});
myDiagramElement.on('plotly_hover', function(data){
//say plotly to hover nothing
//Plotly.Fx.hover(myDiagramElement, []);
console.log("HOVER");
});