Google 시각화 : wmode = "opaque"로 주석 된 시간 표시 줄이 대부분의 브라우저에서 마우스 스크롤을 인식하지 못합니다.

Question

제목에 명시된 바와 같이 이제 Google 시각화를 사용하여 차트를 만들려고합니다. 매우 사용하기 쉽고 문서도 상당히 이해하기 쉽습니다. 문서 here을 찾을 수 있습니다.

플래시 객체 인 차트의 wmode에 관한 문제가 있습니다. 차트의 wmode 기본값은 "window"이며 항상 동일한 페이지의 모든 HTML 개체를 오버레이합니다. 그것은 jquery block() 메서드조차도 작동하지 않기 때문에 매우 성가시다.

차트의 wmode를 "불투명"또는 "투명"으로 변경하면 차트에서 z- 인덱스가 더 높은 HTML 객체를 오버레이하지 않지만 마우스 스크롤 이벤트를 인식하지 못합니다. 그것은 마우스 클릭 이벤트를 여전히 잡습니다.

나는 다음과 같은 브라우저에서 시도

:

• 모질라/5.0 (윈도우, U, 윈도우 NT 5.2; EN-US; RV : 1.9.2.12) 게코/20101026 파이어 폭스/3.6.12 (.NET의 CLR 3.5.30729)
• 오페라/9.80 (윈도우 NT 5.2; U; 엔) 프레스토/2.7.62 버전/11.00
• 사파리 4.0.5 (531.22.7)
• IE 7.0.5730.13

IE는 마우스 스크롤을 잡을 수 있으며, 다른 사람들은 마우스 스크롤을 인식 할 수 없습니다. 나와 같은 문제가 발생하는 사람이 있습니까? 또는 그 문제가 발생하지 않는 사람은 누구입니까?

저는 인터넷을 통한 해결책을 찾고 있었고 해결책이 없습니다. 모든 해결 방법 (또는 해결 방법)을 보내 주시면 감사하겠습니다.

고마워요.

Answer 1

아무도 해결책을 찾지 못했기 때문에 나는 누군가가 나와 같은 문제에 부딪혔을 때를 대비해 내 자신의 질문에 대답하기로 결정했습니다. 글쎄, 실제로 아직 해결책은 모르지만 발견했습니다. 주위에 일. : p

먼저 차트의 wmode를 '불투명'으로 설정합니다. 그런 다음 jpea의 조언에 따라 차트가있는 div 요소에서 마우스 휠 이벤트를 처리하기 위해 javascript 마우스 휠 이벤트 리스너를 사용했습니다. 그런 다음 이벤트에서 얻은 델타 값을 사용하여 setVisibleChartRange() 메서드를 사용하여 차트의 표시 범위를 변경합니다.

다른 브라우저에서 마우스 휠 이벤트를 사용하는 방법은 here을 참조하십시오.

나는이 대답은 유용 희망 : D

참고 : 당신이 확실 차트가 혹시 어떤 물체에 의해 중복되지 않을 경우에, 당신은 W 모드에 대한 작업을 수행 할 필요가 없습니다.