javascript - 如何调整 EventDrops d3 图表/时间线的大小？

Question

我正在使用以下库：https ://github.com/marmelab/EventDrops

我已经能够在 angular 6 项目中成功使用它。但是，我似乎无法弄清楚如何根据从 Web 视图切换到移动视图（启用响应性）来调整时间线的大小。

使其工作的一种方法是在窗口调整大小时重绘时间线，但是，我也无法弄清楚重绘部分以及如何检测屏幕尺寸的角度变化以重绘时间线。

Answer 1

为了调整窗口大小，您可以在任何组件中创建一个方法（最像使用图表的那个）：

  resizeFix() {
    const fix = setInterval( () => { window.dispatchEvent(new Event('resize')); }, 300 );
    setTimeout( () => clearInterval(fix), 1500);
  }