我正在为我的Google饼图创建自定义图例,因为我需要更多控制权。
我希望我的图例与图表进行交互,与默认图例完全相同。我可以将侦听器添加到我的图例行中,这些行选择相应的切片,如:
myChart.setSelection([{row: selectedIdx]);
这会导致切片选择,好像我点击了切片,也就是说,它将硬线渲染到切片的几个像素。
哪个没关系,但我真正想要的是复制切片鼠标悬停,即切片的“突出显示”。
我认为图表可能正在监听鼠标悬停然后检查事件以确定要突出显示哪个切片,因此我附加了一个onmouseover监听器。这似乎是正确的,因为当我在一个馅饼切片上碾过时,传入的是:
Object {row: 1, column: null}
在我的传奇行侦听器中,然后我触发了图表鼠标悬停并传入了相同的事件:
google.visualization.events.trigger(myChart, 'onmouseover', {row: selectedIndex, column: null});
但那没用。我还尝试通过显式创建JS对象以及在所选索引上使用parseInt。在Firefox调试器中,从侦听器的角度来看,两者(实际鼠标悬停,图例触发器)看起来完全相同,但只有实际的鼠标悬停才会使切片突出显示。
让我难过。任何人都知道如何做到这一点?理想情况下,我正在寻找类似的东西:
var slice = myChart.getSlice(someIndex);
slice.setHighlighted();
谢谢
答案 0 :(得分:0)
我担心谷歌图表无法做到这一点。但是,您可以编写代码来分解切片而不是突出显示。从用户的角度来看,它做同样的事情。