mouseover: Function

Sets the mouseover event handler for dataPoint which is triggered when user Mouse Overs on a dataPoint . Upon event, a parameter that contains event related data is sent to the assigned event handler. Parameter includes dataPoint and dataSeries corresponding to the event.

Default: null
Example: mouseover: function(e){    alert( e.dataSeries.type + “, dataPoint { x:” + e.dataPoint.x + “, y: “+ e.dataPoint.y + ” }” ); },
var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 data: [{
  dataPoints: [
   { x: 10,   y: 71,   mouseover: function(e){
          alert(  e.dataSeries.type + ", dataPoint { x:" + e.dataPoint.x + ", y: "+ e.dataPoint.y + " }" );   },
   },

  ],

 },
]
 .
 .
});
chart.render();

Event Object

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

Try Editing The Code

  Also See:    


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