jquery - 使 jqplot 中的轴标签可点击

Question

如何使轴标签（类别 X 轴）可点击。

如果问题较少，点击将导致新链接（而不是一些javascript代码）是可以的

有没有办法我可以做到这一点？

谢谢，波阿斯。

Answer 1

这是一个简单的脚本：

$(".jqplot-xaxis-label")
    .css({
        cursor: "pointer",
        zIndex: "1"
    })
    .click(function(){ location.href = "http://google.com"; });

上面发生的最重要的事情zIndex是将 设置为 1，以便它位于画布对象上方。现在你可以真正点击它了。这种cursor风格只是让它有那个友好的鼠标悬停图标。现在，您可以在 click 事件中做任何您想做的事情。

Answer 2

我的回答与 Abishai Gray几乎相似，不同之处在于它适用于最新版本的 jqPlot（已测试版本：1.0.4）

Axis 刻度的 CSS 类现在以 -tick 而不是 -label 结尾

$('.jqplot-xaxis-tick')
    .css({ cursor: "pointer", zIndex: "1" })
    .click(function () { alert('Axis Tick Clicked'); });

Answer 3

取决于单击类别后您期望的行为

刻度生成器位于名为：jqplot.axisTickRenderer.js

您可以
1) 修改代码以#id使用您自己的 jquery 代码给出每个刻度和附加行为

2) 列出标记$(".jqplot-xaxis")并添加行为 -| |-