Search code examples
javascriptjqueryinternet-explorer-7internet-explorer-6jqplot

Click on point labels through zoom canvas


I have onclick event on point labels. Works fine on IE8+, Firefox and Chrome. Zoom also works fine.

But on IE7, IE6 I can't click on point labels because we have jqplot-event-canvas and jqplot-zoom-canvas and others on front.

When I increase z-index for <DIV class="chartPointWrapper"> ... </div> we can click on point labels. But zoom is not working.

Do you know any solution to handle chart zoom and onclick event on point labels?

Thanks.


Solution

  • The solution to your problem, I believe, is in EDIT2 of my answer to a similar problem. Effectively, you must apply z-index to all canvas appropriately so they preserve they intended order.

    For answer to question in @Swapnil Chincholkar 's comment above, please see this code sample. It shows how you can use the jqplotClick to detect clicks on the points. As you could read here only when you are on or close to a point the neighbor variable is not null. You could observe that the highlighter plugin uses the neighbor variable in the same way to show its tooltip.