javascript - 如何在 Bootstrap 中使用 d3

Question

我正在尝试设置 my d3 charts使用 Bootstrap 动态布局。我跟着这个tutorial ，但我的图表不会在页面加载时加载。我需要调整页面大小或单击按钮以显示它们。

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

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

索引.js:

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

Answer 1

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

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