itemmousemove: Function

Sets the mousemove event handler for the legend, which is triggered when the user moves the mouse(input device) within a legend item. When the event is triggered, the event related data is passed as a parameter to the assigned event handler. Parameters passed to the function are shown in the Event Object section below.

var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 legend: {
  
   itemmousemove: function(e){
          document.getElementById("eventXValue").innerText = "x position: " + e.x;
          document.getElementById("eventYValue").innerText = "y position: " + e.y;
        }

 },

 .
 . 
});
chart.render();


Event Object

e:{ 
	x, 
	y,
        chart,
	dataPoint, 
	dataSeries, 
	dataPointIndex, 
	dataSeriesIndex
}



Try it Yourself by Editing the Code below.

  Also See:    



If you have any questions, please feel free to ask in our forums.Ask Question