如何调整EventDrops d3图表/时间线的大小?

时间:2018-06-06 22:18:34

标签: javascript angular d3.js timeline event-drops

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

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

实现这一目标的一种方法是在窗口调整大小时重新绘制时间轴,但是,我也无法弄清楚重绘部分以及如何检测屏幕大小从角度到重绘时间线的变化。

1 个答案:

答案 0 :(得分:0)

为了调整窗口大小,您可以在任何组件中创建一个方法(最像是使用图表的方法):

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