responsive chart

Hi. I drawing chart with angular-google-chart. it is good. then chart fullscreen look like below var elem = document.getElementById("myvideo"); function openFullscreen() { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.mozRequestFullScreen) { /* Firefox */ elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE/Edge */ elem.msRequestFullscreen(); } } and then not responsive in full screen. please help me.

[nbering]

The chart builds to the size you specify, or tries to fill the container.

You’ll probably need some CSS to make the container element height-responsive. But how to do that is beyond the scope of this project.

Here’s an example where I was working with something else (positioning image elements relative to the chart axes), but it’s the only sample I have ready where I override the height of the chart in CSS.

https://codepen.io/nbering/pen/yNZxKr

Don’t pay any attention to this part:

#container_div {
  position: relative;
}

It was needed for rendering the weather icons which is not what you’re working on.

[nbering]

That looks like you probably just need to set the height property on the chart options.

https://developers.google.com/chart/interactive/docs/gallery/linechart#configuration-options