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）

Axis ticks的CSS类现在以-tick而不是-label

结束

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

Answer 3

取决于您在点击类别

后所期望的行为

Ticks的生成器位于文件中：jqplot.axisTickRenderer.js

你可以
1）修改代码以给每个tick #id并使用你自己的jquery代码附加行为

2）列出$(".jqplot-xaxis")中的刻度并添加行为 - | | -

使jqplot中的轴标签可单击

3 个答案: