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

标签 javascript jquery internet-explorer-7 internet-explorer-6 jqplot

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

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

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

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

谢谢。

最佳答案

我相信,您的问题的解决方案是 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 变量来显示其工具提示。

关于javascript - 通过缩放 Canvas 单击点标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9230285/

相关文章:

javascript - 当我进入另一个 ionic 状态时,数据不显示

javascript - Karma + Jasmine 测试异步方法

javascript - 如何合并具有相同类的任意数量的(动态)表格单元格?

JavaScript 性能 - .test() 与 .search()

javascript - CSS 不会出现在 HTML 和 Node 中

javascript - 隐藏时如何到达选择元素?

javascript - 当 Javascript InnerText 值满足 If 语句时触发事件

html - IE 7 中的背景图像问题

css - IE7 中的错误 - body -direction :rtl

jquery - 二维 jquery sortable 检索 IE 中的一个错误