D3/Angular get window size

Question

I have a d3 chart in an Angular app.

I'm trying to capture the screen size and do something different when hovering over the bars below a screen size.

I'm trying to do this using

if (window.screen.width > 500) {
    alert('small')
}

This alerts all the time and not only when below 500

How can I capture screen size so I can use it in the code

It doesn't really matter I just need to be able to detect if the window is bigger or smaller than a certain size. I think I have it working now with window.innerWidth < 600 — ttmt
– ttmt, Commented Nov 19, 2018 at 15:32

Alann · Accepted Answer · 2018-11-19 15:45:50Z

1

I've got the same issue,

this is how I fixed it

  public height = window.innerHeight;
  public width = window.innerWidth;

and in the ngOnInit you do your verification for the alert

answered Nov 19, 2018 at 15:45

Alann

6575 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1