Google視覚化：wmode = "opaque"の注釈付きタイムラインは、ほとんどのブラウザでマウススクロールを認識しません。

Question

タイトルに記載されているとおり、Google視覚化を使用してチャートを作成しようとしています。使い方がとても簡単で、ドキュメントもかなり理解しやすいです。文書hereがあります。

フラッシュオブジェクトであるチャートのwmodeに関する問題が発生します。 チャートのwmodeのデフォルト値は "window"で、常に同じページ内のすべてのHTMLオブジェクトをオーバーレイします。それはjquery block（）メソッドでさえも機能しないので、とても迷惑です。

グラフのwmodeを「不透明」または「透過」に変更すると、グラフはz-インデックスの高いHTMLオブジェクトにオーバーレイされませんが、マウスのスクロールイベントは認識されません。それはまだマウスのクリックイベントを捕まえる。

私は、次のブラウザでそれを試してみました

：

• の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）
• オペラ/ 9.80（Windows NTの5.2; U; EN）プレスト/ 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

注意：あなたは確かチャートが万が一の任意のオブジェクトが重なっされない場合は、あなたがWMODEについて何もする必要はありません。