使 JQPLOT 中的轴标签可单击

Question

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

如果问题不那么严重，点击会导致一个新链接（而不是一些javascript代码）是可以

的

有没有办法做到这一点？

谢谢，波阿斯。

Answer 1

下面是一个简单的脚本：

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

上面发生的最重要的事情是zIndex设置为 1，以便它位于画布对象上方。现在您实际上可以单击它。cursor风格只是让它拥有友好的鼠标图标。现在，您可以在点击事件中执行任何操作。

Answer 2

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

轴刻度的 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")中列出刻度并添加行为 -| |-