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.
var 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
}
Comments 7
Server Side Technologies |
Front End Technologies |
Contact |
|
|---|---|---|---|
| ASP.NET MVC Charts | JavaScript Charts | FAQs | |
| PHP Charts | jQuery Charts | Sales Enquiries | |
| Spring MVC Charts | React Charts | Support Forum | |
| JSP Charts | Angular Charts | Careers | |
| JavaScript StockCharts | |||
Privacy Policy © fenopix
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.