Jquery / Javascript最大化＆amp;最小化页面上的图形

Question

我是JavaScript＆amp;的新手其他JavaScript技术。我在html页面上使用谷歌图表绘制了一些图表。我想在页面的每个图表上执行以下操作。

1. 当我点击最大化图标时，有一个像视频中那样的最大化按钮，以使每个图表最大化为全屏。
2. 退出全屏模式时，将其恢复为原始大小。

如果将按钮添加到最大化是一项大任务，那么双击图表最大化也很好。

我按照googlechart示例中的说明在html'div'中绘制了每个图表。我很乐意听到任何愿意帮助的人。

图形绘制在div元素plot4，plot8＆amp; plot13。

<div>
    <div id="plot4" class="plot_graph" style="float: left; width: 31%;"></div>
    <div id="plot8" class="plot_graph" style="float: left; width: 31%;"></div>
    <div id="plot13" class="plot_graph" style="float: right; width: 32%;"></div>
</div>