Javascript 让谷歌饼图更具响应性

我正在努力使我的谷歌饼图响应。HTML结构如下所示：

<section id="daily-report-section">
  <i class="fas fa-chart-bar general-icon"></i><span>Daily Report</span>
  <div id="piechart_3d"></div>
</section>

我尝试过最流行的解决方案，将piechart div（

位置：绝对

）包装在父div（

位置：相对

）中，但这对我不起作用

---

我的页面的其余部分使用引导类进行响应，但这不适用于

pie\u图表

div。我缺少什么

我想你应该检查一下。你能提供你当前代码的JSFIDLE或codepen吗？更容易理解这里的问题是什么。我们现在没有您的css。@towkir我添加了当前的css。谢谢我不明白您为什么将

#每日报告部分

显示设置为

none

。您说您正在尝试使饼图响应，但您将其宽度设置为

1200px

，并且从未更新它。是否有任何

媒体查询

？如果没有，尝试使用一些百分比单位，例如

width:100%

对于

#piechart_3d

@towkir，饼图是动态生成的，这就是为什么它在页面加载时隐藏的原因。

#piechart_3d{
    width: 1200px;
    height: 900px;
    margin-left: auto;
    margin-right: auto;
}

#daily-report-section{
    display: none;
}