怎么在一个弹出框里面显示4张图表

您可以使用JavaScript和HTML来在一个弹出框里面显示4张图表。您可以使用以下步骤完成：

1. 首先，您需要创建一个HTML文件，其中包含一个用于触发弹出框的按钮和一个隐藏的div元素。

2. 在div元素中，您可以添加四个图表元素，例如使用Chart.js创建的四个canvas元素。

3. 在JavaScript文件中，您需要编写一个函数，该函数将在点击按钮时显示弹出框。该函数应该将div元素的display属性设置为“block”，这样它就会显示在页面上。

4. 您还需要编写另一个函数，该函数将在弹出框中的“关闭”按钮被点击时隐藏弹出框。该函数应该将div元素的display属性设置为“none”，这样它就会消失。

5. 最后，您需要将这两个函数与按钮和关闭按钮相关联，以便它们在单击时触发。

下面是一个简单的示例代码：

HTML代码：

<button onclick="showPopup()">显示图表</button>

<div id="chartPopup" style="display:none;">
  <canvas id="chart1"></canvas>
  <canvas id="chart2"></canvas>
  <canvas id="chart3"></canvas>
  <canvas id="chart4"></canvas>
  <button onclick="hidePopup()">关闭</button>
</div>

JavaScript代码：

function showPopup() {
  document.getElementById("chartPopup").style.display = "block";
}

function hidePopup() {
  document.getElementById("chartPopup").style.display = "none";
}

请注意，您需要根据自己的需求修改此代码。例如，您可能需要使用不同的图表库或添加其他元素到弹出框中。