javascript - 如何在 bootstrap 中使用d3

我正在尝试设置my d3 charts以使用引导程序动态布局。我遵循此tutorial，但是随着页面加载，我的图表也不会加载。我需要调整页面大小或单击按钮以使其出现。

在开发服务器上工作时，一切正常。但是当我提供静态文件时，不会调用onresize事件。

那我该如何绘制图表呢？如果我在JS加载后立即渲染，则div的宽度值为0。

Index.js：

window.onresize = ()=>{
  render_charts(); //get width of chart divs using document.getElementById('chart_div_id').clientWidth
  console.log('been here')
};

最佳答案

在加载时在render_charts()上调用index.js在webpack-dev-server上不起作用，但在用作静态文件时起作用（我不知道为什么）。所以以下工作正常

render_charts();
window.onresize = ()=>{
  render_charts();
};