BootstrapのモーダルウィンドウでChart.jsを利用する場合

harada 390views 更新:2015年9月30日

モーダルウィンドウを開いた時にChart.jsのグラフを表示したい場合、通常の記述のままだとモーダルウィンドウを開いた時にChart.jsが表示されない(実行されない)ことがあります。
その場合はChart.jsのJavaScriptの実行部分のソースを以下のように書き換えることで表示されるようになります。

#graphs部分は適宜変更してください。

    <script>
        jQuery(function ($) {
            $('#graphs').on('shown.bs.modal', function (event) {
                /* ChartJS */
            });
        });
    </script>

参考:Bootstrap Modal with Chart.js linechart

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません