As stated in the title, I am now trying to create a chart using Google visualization: annotated time line. It's very easy to use and the documentation is fairly easy to understand as well. You can find the documentation here.
I run into a problem about the wmode of the chart which is a flash object. The default value of the chart's wmode is "window" and it will always overlay all HTML objects in the same page. That is very annoying, because even the jquery block() method doesn't work on it.
When I change the chart's wmode into "opaque" or "transparent" the chart will not overlay HTML objects with higher z-index, but it doesn't recognize the mouse scroll event. It still catch the mouse click event though.
I have tried it in the following browser:
- Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12 (.NET CLR 3.5.30729)
- Opera/9.80 (Windows NT 5.2; U; en) Presto/2.7.62 Version/11.00
- Safari 4.0.5 (531.22.7)
- IE 7.0.5730.13
Only the IE can catch the mouse scroll even, the others couldn't recognize it. Is anyone experiencing the same problem as me? or is anyone not experiencing that problem?
I've been looking for the solution over the internet and no solutions is working for me. Any solutions (or work around) would be appreciated.
Thanks a lot.