1

jQueryアコーディオンのセクション内に配置したいいくつかの異なるGoogleチャートがあります。問題は、アコーディオンの最初の部分に含まれていないすべてのグラフが何らかの理由で小さいことです。アコーディオンに関する何かが、これらのチャートを縮小しています。私はそれらを縮小させたくありません。それらが縮小しないようにするために私ができることを誰かが知っていますか?

問題を説明するこの例を参照してください: http://jsfiddle.net/dN3LL/

ありがとう!

編集

brandwaffle から提供された回答から、div がアコーディオン形式に折りたたまれる前にグラフィックをレンダリングする必要があると考えたので$('#accordion').accordion();、グラフのレンダリングが終了した直後に線を配置するだけで機能します! フィドルを参照してください: http://jsfiddle.net/dN3LL/4/

4

2 に答える 2

1

過去にさまざまなコンテンツでこれが発生しました。コンテンツが折りたたまれたコンテナでレンダリングされるため、問題が発生すると思います。そのため、デフォルトで可能な限り最小のサイズになります(これは、アコーディオン内の柔軟な幅の div のコンテンツでも見られます)。全面的な解決のために私が提供できる最善の解決策は、jQueryUI のアコーディオンが提供する accordionchange イベントに、Google チャートの生成 (またはその他のコンテンツ表示) をフックすることです: http://jqueryui.com/demos/accordion/

accordionchange イベントを使用すると、アコーディオンが正しいセクションに切り替わった後に Google チャートがレンダリングされます。これにより、チャートが押しつぶされた (つまり、開かれていない) コンテナーにレンダリングしようとした結果発生する問題が解消されます。これにはより良い CSS 修正があるかもしれませんが、まだ見つかりません。

于 2012-07-31T18:37:41.530 に答える