Javascript 修改容器时Chart.js曲线未调整大小

我正在使用Chart.js在WYSIWYG编辑器上显示基本图形

我触发一个侧菜单来显示图表的配置，但即使使用“响应”模式，图表也不会随容器调整大小

但是，如果调整实际窗口的大小，购物车将正确调整大小。有什么我需要触发的事件吗？ 我正在使用边距而不是宽度调整实际容器的大小，我想知道这是否也会导致问题

$("#sidenavBtn").click(function() {
    if (isTriggered) {
      $("#sidenav").css("width", "0");
      $("#mainContent").css("margin-right", "50px");
    } else {
      $("#sidenav").css("width", "150px");
      $("#mainContent").css("margin-right", "200px");
    }
    isTriggered = !isTriggered;
  });

编辑：您可以看到实时版本