Google Chartsがマテリアライズアコーディオンで動作していません

Question

Angular2 & Materializecssで構築されたプロジェクトで、アコーディオンでGoogleライングラフを描画しようとしています。私はDOMの隠されたセクションに描画されている場合、Googleのグラフが全幅を取らないことを知っています。だから、グラフに全幅を適用するには、データとオプションとともにdrawメソッドを呼び出す直前にアコーディオンを開こうとしました。ここでは、折れ線グラフのスナップショットの下で、X-Y軸がなくなり、正しく表示されないという行の凡例も表示されています。 アコーディオンで描画された場合のグラフのスナップショット。

同じデータとオプションがありますが、アコーディオンはありません。以下の結果が得られます。

誰もがこの問題の原因であることができるかを教えてもらえますか？ ありがとうございます。 onOpenが呼び出されたときに

Answer 1

あなたは、図面をトリガすることができます。

http://materializecss.com/collapsible.html#options

あなたはそれの最初のパラメータで開かれた要素を取得することができます。使用

$('.collapsible').collapsible({ 
    accordion: false, // A setting that changes the collapsible behavior to expandable instead of the default accordion style 
    onOpen: function(el) { alert('Open'); }, // Callback for Collapsible open 
    onClose: function(el) { alert('Closed'); } // Callback for Collapsible close 
    });