4

こんにちは、ブートストラップ モーダルに C3 チャートを追加しようとしていますが、チャートが生成されるたびに、ウィンドウのサイズを変更するまでモーダルに表示されません。

以前にこの問題に遭遇した人はいますか? どうすれば修正できますか? Bootstrap Modal のスライド ダウンが終了した後にチャートを読み込むと、チャートが表示されますが、スライド ダウンしたときにチャートを表示できると便利です。これが私のコードの例です

      var chart = c3.generate(
      {
        bindto: '#modal_graph',
        data: {
          columns: [
            ['data1', 30, 200, 500, 100],
            ['data2', 20, 10, 300, 90]
          ],
        },
      });

      $("#alertModal").modal("toggle");
4

4 に答える 4

1

@dm4web の応答を修正します。完全に機能 しています。c3.js の前にリンクされた d3.js を忘れないでください!!! JSFIDDLE

$('#myModal').on('shown.bs.modal', function (e) {

var chart = c3.generate({
   bindto: "#chart",
   data: {
      columns: [
           ['data1', 100, 200, 150, 300, 200],
           ['data2', 400, 500, 250, 700, 300],
       ]
   }
   });
})
于 2018-05-22T14:00:13.793 に答える