itemclick: Function

Sets the click event handler for the legend, which is triggered when the user clicks on a legend item. After 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: {
  
   itemclick: function(e){
          alert( "Legend item clicked with type : " + e.dataSeries.type);
        }

 },

 .
 . 
});
chart.render();


Event Object

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



Try it Yourself by Editing the Code below.



In order to provide better support,we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.

Comments 5

  1. Pingback: CanvasJS Version 1.4 Beta with StripLines, Legend Events & Empty Data Points in Chart | CanvasJS

  2. Is there any way of clicking on one of the data points and re-directing to another link? Basically making each point on the graph a link. Please let me know if there is a way to do that.

In order to provide better support,we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.