在谷歌图表上悬停时更改光标样式

时间:2013-07-12 15:28:21

标签: ruby-on-rails google-visualization mousehover

我有一个谷歌图表,点击时会将您带到另一个页面。我想在图表上方悬停时更改光标样式以指示其可点击。我正在听onmouseover事件,我在处理程序

中有这个代码
$('#div_id path').css("cursor", "pointer")

我可以看到应用于路径元素的样式。但光标不会改变。如何在谷歌图表上悬停时更改光标样式?

3 个答案:

答案 0 :(得分:5)

你可以添加一个样式:

#chart_div g g g rect {
    cursor: pointer
}

example google chart

Demo CssDeck

答案 1 :(得分:3)

你应该只用CSS来做到这一点:

#chart element { cursor: pointer; }

否则,请尝试在正在收听.css('cursor', 'pointer')事件的选择器上使用mouseover,然后移除mouseover来电。

答案 2 :(得分:1)

这对我来说非常好。

.chart path { cursor: pointer; }