Javascript 删除“无显示”会更改图表的高度和宽度

我正在编写一个代码，用谷歌图表生成一个图表。这是原始代码

google.charts.load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
[Work'，11]，
[Eat'，2]，
[‘通勤’，2]，
[“看电视”，2]，
[Sleep'，7]
]);
变量选项={
标题：“我的日常活动”
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}

---

使用

可见性：隐藏

，而不是

显示：无

，因为这仍然会呈现div，但不会呈现内容：

---

使用

可见性：隐藏

，而不是

显示：无

，因为这仍然会呈现div，但不会呈现内容：

---

删除div上的尺寸标注，并将其放置在选项变量中，如下面的示例所示，这样您就可以开始了

这是我以前遇到的可视化库的一个怪癖

google.charts.load（'current'{
“包”：[“核心图表”]
});
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
[Work'，11]，
[Eat'，2]，
[‘通勤’，2]，
[“看电视”，2]，
[Sleep'，7]
]);
变量选项={
标题：“我的日常活动”，
文本：“值”，
宽度：900，
身高：500，
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}
函数showPie（）{
document.getElementById（“piechart”）.style.display=“”；
}

点击我！

删除div上的尺寸标注，并将其放入options变量中，如下面的示例所示，这样就可以开始了

这是我以前遇到的可视化库的一个怪癖

google.charts.load（'current'{
“包”：[“核心图表”]
});
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
[Work'，11]，
[Eat'，2]，
[‘通勤’，2]，
[“看电视”，2]，
[Sleep'，7]
]);
变量选项={
标题：“我的日常活动”，
文本：“值”，
宽度：900，
身高：500，
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}
函数showPie（）{
document.getElementById（“piechart”）.style.display=“”；
}

点击我！