Google api 为什么使用谷歌折线图时会出现滚动条？_Google Api_Linechart

Google api 为什么使用谷歌折线图时会出现滚动条？

google-api

Google api 为什么使用谷歌折线图时会出现滚动条？,google-api,linechart,Google Api,Linechart,我正在使用，无论我制作多大的div图表尺寸，它总是显示一个水平和垂直滚动条。我怎样才能阻止这一切的发生上下文：可编辑的HTML（使用Firefox或Chorme）有关如何帮助您解决问题的说明：假设您需要一个宽度为500px、高度为400px的盒子在新的google.visualization.LineChart（）上检查Javascript，如果宽度和高度标记为500和400 检查renderizationplace（id=“visualization”）的HTML标记（可能是div）

我正在使用，无论我制作多大的div图表尺寸，它总是显示一个水平和垂直滚动条。我怎样才能阻止这一切的发生

上下文：可编辑的HTML（使用Firefox或Chorme）

有关如何帮助您解决问题的说明：

假设您需要一个宽度为500px、高度为400px的盒子
在新的google.visualization.LineChart（）上检查Javascript，如果宽度和高度标记为500和400
检查renderizationplace（id=“visualization”）的HTML标记（可能是div）的样式是否为style=“width:800px；height:400px；”
检查渲染位置的HTML父标记（任何）的样式是否大于500和400，或者是否为100%

另一个解决方案是通过“HTML剪切”：使用overflow:hidden

带滚动的案例示例

/。。。你的javacascript的一部分。
新的google.visualization.LineChart（document.getElementById（'visualization'））。
绘制（数据，{curveType:“函数”，
宽度：800，高度：400，
变量：{maxValue:10}
);
}setOnLoadCallback（drawVisualization）；

HTML解决方案（固定容器宽度）

另一个简单的HTML解决方案（使用溢出：隐藏）

。。。或者使用以下方法减少全部、Javascript和HTML的宽度和高度等

：

<script src="https://www.google.com/jsapi"></script>
<script>
  google.load("visualization", "1", {packages:["corechart"]});
var data = new google.visualization.DataTable();
//init your data
var options = {
      width: "100%", height: "100%",
      //other options

}
var chart = new google.visualization.LineChart(document.getElementById('chart'));
chart.draw(data, options);
</script>
....

<body>
   <div id="chart"></div>
</body>

你能发布用于呈现图表的HTML、JavaScript和CSS吗？或者是具有相同行为的简化示例？这种情况会发生在不同的浏览器中吗？你应该发布你的代码；这对你的问题会有很大帮助：）正如Christian提到的：这会发生在所有浏览器上吗？@leora:你确定滚动条不会被实际包含图表的父元素应用吗？谢谢。看起来我有一些额外的css来改变溢出

<!-- ... piece of your HTML -->
<div id="container" style="width:400px;overflow:hidden;">
  <div id="visualization" style="width: 800px; height: 400px;"></div>
</div>

<script src="https://www.google.com/jsapi"></script>
<script>
  google.load("visualization", "1", {packages:["corechart"]});
var data = new google.visualization.DataTable();
//init your data
var options = {
      width: "100%", height: "100%",
      //other options

}
var chart = new google.visualization.LineChart(document.getElementById('chart'));
chart.draw(data, options);
</script>
....

<body>
   <div id="chart"></div>
</body>

<body>
  <div style="width: 800px; height: 400px;" id="chart"></div>
</body>