3

私はこれを自分でソロにしようとしてきましたが、壁にぶち当たりました。jQueryスライダーの1ページに6つの異なるGoogleチャートのコレクションがあります。Chrome で見るとすべてが完璧ですが、FF と IE ではグリッチがあります。FF および IE では、最初のフレーム化された Google チャートは問題ありませんが、スライダーを別の Google チャートに進めると、凡例、hAxis、および vAxis のタイトルが外れます。チャートがスライダーの外側にある場合、グラフは問題ありません。ある種の CSS 競合だと考えていますが、まだわかりません。私は狂ったように FireBugging をしてきましたが、解決策が見つかりません。Google Chart を作成するために Google が作成する iframe で気付いたことの 1 つは、使用するテキスト タグによって整列された x と y の一貫性です。jQuery スライダー内では、実際には異なります。どんな助けや洞察も大歓迎です。以下の最初のリンクは、Google Chart/jQuery スライダーの組み合わせです。2 つ目は、スライダーのないチャートです。

スライダー付き: http://www.burlington-weather.com/current_weather_conditions.php?cityzip=05401

スライダーなし: http://www.burlington-weather.com/current_old.php?cityzip=05401

PS...はい、まったく別のスライダーを試してみましたが、同じ結果が得られました!

4

1 に答える 1

0

これはおそらく、2 つの SVG 画像をブラウザ用にレンダリングするのが難しいためです。解決策の 1 つは、requestAnimationFrame を使用してカスタム アニメーション関数を作成し、1 つのフレームで 2 つのオブジェクトをアニメーション化することです。チュートリアルはたくさんあるので難しくはないはずです。

于 2013-02-18T17:06:12.197 に答える