Charts 在页面加载时显示和隐藏google可视化图表。

我有两个谷歌折线图。我在单个函数中为它们编写了代码，并在

google.setOnLoadCallback（）

事件中调用它。但在第一次加载页面时，我只想显示一个图表，其他图表应该点击按钮。此外，单击按钮，我已在其名称上显示和隐藏图表，但我希望第一次仅显示一个图表。我也尝试过显示第一个图表，但当我点击其他图表时，它会扩展到宽度并破坏UI。因此，任何帮助都将不胜感激。

您应该首先在两个图表容器都可见的情况下进行绘制，因为在隐藏的div中绘制会破坏可视化API的内部维度检测算法（这就是为什么隐藏时图表绘制不正确）。绘制完成后，使用“就绪”事件处理程序隐藏图表：

google.visualization.events.addListener(hiddenChart, 'ready', function () {
    document.querySelector('#hiddenChartDiv').style.display = 'none';
});

在创建图表之后但在绘制图表之前放置事件处理程序