AmCharts：ChartScrollBar走出chartdiv

Question

我正在使用amCharts显示股票数据。我启用了一个scrollBar并定位在底部。我有一个具有风格的chartholderdiv：

#chartholderdiv{
  height:80%;
  width:80%;
  overflow:visible;
  background-color:#db946b;
}

为清楚起见，我添加了背景颜色以查看下图中div的限制 我有一个chartdiv（提供给AmCharts.makeChart）的风格：

#chartdiv {
  width: 100%;
  height: 100%;
}

HTML：

<div id="chartholderdiv">
    <div id="chartdiv"></div>   
</div>

我的文件中没有其他样式或标签，我已粘贴输出。如果将浏览器调整为较小的大小，则问题将很明显。我已经在这里给出了我的所有代码，除了<script>标签有amCharts配置和AmCharts.makeChart(chartdiv,chartobject);（这个命令在ajax onreadystatechange函数中调用）。所以我的脚本标准或多或少是：

<script>
 chartObject={......};

 var xhttp=new XMLHttpRequest();
 xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
     .....//parse json data for dataset of chart.
     .....//set chartObject dataProvider to dataset parsed above
     chart = AmCharts.makeChart("chartdiv", chartObject);
   }
  };
  xhttpHour.open("GET", dataUrlString, true);
  xhttpHour.send();

</script>

但是当绘制图表时，图表的滚动条会超出chartdiv / chartholderdiv。见图：

我添加了红色背景，以便可以看到问题。我假设在设置高度时，两个图形采用70和30，如图表配置，并在之后添加滚动条溢出div，但我希望图表所有者div调整大小以适应所有内容。我尝试了很多东西，但问题仍然存在。