View Full Version : Chart legends click event not working in IE 10

19 May 2013, 10:58 PM

We are using -

Ext JS Version = 4.1.0

Browser details -
Name = Internet Explorer
IE Version = 10

Issue Details -

We have used Ext JS charts in our application. The charts are working fine in Firefox & Chrome browser. But in Internet Explorer (version 10) we are facing following issue with the legends -

We have used legends in the chart for which we have kept the click event as enabled, so for example in a bar(issue also comes in line, pie charts) chart when the user clicks on the legend, the bar belonging to that legend gets disappeared and when its again clicked then the bar is again displayed in the chart. This is working perfect in Firefox and Chrome but not working in IE 10.
In IE 10 when the legend is clicked the bar disappears but when the legend is clicked again then the bar doesn't show up again.

I have tried this with the examples present on the Sencha site using IE 10, and in the examples also this problem is there.

How to reproduce the issue :

Use IE 10 & go to following example and click on the legends -

We can disable the legend click in IE 10 but as its a useful feature we can not do it. Is there any fix available for this ?


19 May 2013, 11:18 PM
IE10 support was added in Ext 4.2.0, would suggest you grab the newer version if you need to support it.

4 Nov 2013, 10:08 AM
In case anyone is wondering...

I just tested the Charts Legend Item click in IE10 and the issue is indeed working properly in 4.2.2.