Javascript 触发窗口在引导折叠时调整大小

我将c3.js图表放在引导折叠分区中，遇到大小调整问题，类似于。根据答案，我试图在每次加载c3图表时触发一个窗口大小调整，但似乎不起作用。我知道这是一个基本问题（jquery无知），但我如何运行

$（window.trigger（'resize'）每次我加载图表或打开面板折叠div时

html:

绑定到
。单击（）
事件：

$(document).ready(function() {
  $(".panel-collapse collapse").click(function() {
    $(window).trigger('resize');
  });
});

对于图表加载，它将取决于您如何调用它来生成。如果
c3.generate（）然后始终加载带有以下内容的图表：

function generateAndResizeWindow(options) {
  options.onrendered = function() { $(window).trigger('resize') }; // or whatever function generates your graph
  c3.generate(options);
}

然后呼叫：

generateAndResizeWindow({
    bindto: '#chart3',
    data: {
        columns: [
            ['data1', 30],
            ['data2', 50]
        ],
        type: 'donut',
    }
});

例如。
绑定到
。单击（）
事件：

$(document).ready(function() {
  $(".panel-collapse collapse").click(function() {
    $(window).trigger('resize');
  });
});

对于图表加载，它将取决于您如何调用它来生成。如果
c3.generate（）然后始终加载带有以下内容的图表：

function generateAndResizeWindow(options) {
  options.onrendered = function() { $(window).trigger('resize') }; // or whatever function generates your graph
  c3.generate(options);
}

然后呼叫：

generateAndResizeWindow({
    bindto: '#chart3',
    data: {
        columns: [
            ['data1', 30],
            ['data2', 50]
        ],
        type: 'donut',
    }
});

例如。
在代码后添加这些行

chart.load({
  done: function() {$(window).trigger('resize');}
});

在代码后面添加这些行

chart.load({
  done: function() {$(window).trigger('resize');}
});

更改了
。面板折叠
用于
。面板折叠
工作正常更改了
。面板折叠
用于
。面板折叠
工作正常