2011-05-11 86 views
4

如何使轴标签(类别X轴)可点击。使jqplot中的轴标签可点击

如果是太大的问题,这是确定的点击将导致一个新的链接(而不是一些JavaScript代码)

有没有一种方法,我可以做到这一点?

谢谢,波阿斯。

+0

你能指定预期的行为吗?谢谢 – 2011-07-06 09:45:53

+0

我不确定Boaz正在寻找什么,但我使用的是CategoryAxisRenderer,并希望标签能够超链接到我网站的其他部分。 – 2011-07-06 12:08:16

回答

0

取决于你所期望的行为,点击

类别后

蜱的发电机在文件名为:jqplot.axisTickRenderer.js

可以
1)修改代码给每滴答#id与附加行为的自己的jQuery代码

2)列表中的ticks $(".jqplot-xaxis")并添加行为 - | -

4

下面是一个简单的脚本:

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

上述情况发生,最重要的是,zIndex被设置为1,这样它位于画布对象的上方。现在你可以点击它。 cursor风格只是让它有友好的翻转鼠标图标。现在,你可以在点击事件中做任何你想做的事情。

+1

这似乎并不适用于当前版本的jqPlot。 – 2012-05-08 18:59:29

+0

我真的很想知道正确的答案。例如, – Stefan 2012-05-29 10:09:29

+0

将.jqplot-xaxis-label更改为.jqplot-table-legend用于条形图。在当前版本中工作正常 – pila 2013-03-11 20:22:43

2

我的回答几乎类似Abishai Gray不同之处在于它与jqPlot 的最新版本(版本测试:1.0.4)

对轴的CSS类蜱现在-TICK,而不是-label结束

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

我需要获取他们点击的标签的价值,但我一直无法想出办法做到这一点。任何人都知道我可以如何在点击处理程序中获取? – 2015-07-21 22:49:47