javascript - 通过缩放 Canvas 单击点标签

Question

我有 onclick点标签上的事件。在 IE8+、Firefox 和 Chrome 上运行良好。缩放也可以正常工作。

但是在 IE7、IE6 上我不能点击点标签，因为我们有 jqplot-event-canvas和 jqplot-zoom-canvas和前面的其他人。

当我增加 z-index对于 <DIV class="chartPointWrapper"> ... </div>我们可以点击点标签。但是缩放不起作用。

您知道处理图表缩放和点标签上的 onclick 事件的解决方案吗？

谢谢。

Answer 1

我相信，您的问题的解决方案是 in EDIT2 of my answer to a similar problem .实际上，您必须适本地将 z-index 应用于所有 Canvas ，以便它们保持预期的顺序。

如需回答@Swapnil Chincholkar 上述评论中的问题，请 see this code sample .它展示了如何使用 jqplotClick 来检测点上的点击。作为you could read here仅当您位于或靠近某个点时，neighbor 变量才不为空。您可以观察到荧光笔插件以相同的方式使用 neighbor 变量来显示其工具提示。