0

タイトルにあるように、Google ビジュアライゼーション: 注釈付きタイム ラインを使用してグラフを作成しようとしています。使い方はとても簡単で、ドキュメントもかなり理解しやすいです。ドキュメントはこちらにあります。

フラッシュ オブジェクトであるチャートの wmode に関する問題が発生しました。グラフの wmode のデフォルト値は「window」で、常に同じページ内のすべての HTML オブジェクトをオーバーレイします。jquery block() メソッドでさえ機能しないため、これは非常に面倒です。

グラフの wmode を「不透明」または「透明」に変更すると、グラフは z-index が高い 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)
  • Opera/9.80 (Windows NT 5.2; U; en) Presto/2.7.62 バージョン/11.00
  • サファリ 4.0.5 (531.22.7)
  • IE 7.0.5730.13

マウスのスクロールをキャッチできるのは IE だけで、他の IE はそれを認識できませんでした。誰かが私と同じ問題を経験していますか? または誰もその問題を経験していませんか？

インターネットで解決策を探していましたが、解決策がありません。解決策（または回避策）をいただければ幸いです。

どうもありがとう。

4

1 に答える 1

0

誰も解決策を持っていないようです. :p

まず、チャートの wmode を「不透明」に設定します。次に、jpeaからのアドバイスに従って、javascript マウス ホイール イベント リスナーを使用して、グラフが存在する div 要素でマウス ホイール イベントを処理しました。イベントから取得したデルタ値は、setVisibleChartRange() メソッドを使用してチャートの表示範囲を変更するために使用されます。

さまざまなブラウザーでマウス ホイール イベントを使用する方法については、こちらを参照してください。

この回答がお役に立てば幸いです:D

注: グラフがどのオブジェクトとも重ならないことが確実な場合は、wmode について何もする必要はありません。

于 2011-01-19T10:48:39.810 に答える