Sets the mouseover event handler for dataSeries which is triggered when user moves Mouse Over a dataSeries. 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: nullvar chart = new CanvasJS.Chart("container", { . . data: [{ mouseover: function(e){ alert( e.dataSeries.type+ ", dataPoint { x:" + e.dataPoint.x + ", y: "+ e.dataPoint.y + " }" ); }, }, ] . . }); chart.render();
e:{ x, y, chart, dataPoint, dataSeries, dataPointIndex, dataSeriesIndex }
7 Comments
I Want To Have Cursor movement point will be shown in the top …Its possible to Canvasjs
Hi, I join the Question
Change the example to area chart and test. It’s not working properly. The event fires randomly.
allan,
We just tried doing the same and events are firing properly. Its firing most of the times because event handler has been set to both the series. We have removed one of the series from example so that easier to observe events firing on hover.
It’s not working properly on Doughnut chart. It’s firing randomly.
Can I disable mouseover from changing the color?
Craig,
You can set highlightEnabled to false, to achieve this.