Categories
JavaScript Answers

How to redraw or scale Google chart on window resize with JavaScript?

Spread the love

Sometimes, we want to redraw or scale Google chart on window resize with JavaScript.

In this article, we’ll look at how to redraw or scale Google chart on window resize with JavaScript.

How to redraw or scale Google chart on window resize with JavaScript?

To redraw or scale Google chart on window resize with JavaScript, we can redraw the chart when we resize the screen.

For instance, we write

const resize = () => {
  const chart = new google.visualization.LineChart(
    document.getElementById("chart_div")
  );
  chart.draw(data, options);
};

window.onload = resize;
window.onresize = resize;

to create the resize function.

In it, we create a LineChart object with the container element of the chart.

And then we call draw to draw the line chart.

Then we set window.onload and window.onresize to resize to call it when the page loads and when we resize the page respectively.

Conclusion

To redraw or scale Google chart on window resize with JavaScript, we can redraw the chart when we resize the screen.

Leave a Reply

Your email address will not be published.

If you like the content of this blog, subscribe to my email list to get exclusive articles not available to anyone else.