Question

我制作了一个小柱形图，我所拥有的所有数据都不可见。是否有可能在不增加宽度的情况下看到所有内容？或者是否有任何方法可以包含滚动条以便可以看到所有内容？

代码见： jsfiddle.net/danielbemler/4x8s3e4j/5/

如下面的代码所示，图表最多应显示300，但最多只显示290。

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages: ["corechart"]});
google.setOnLoadCallback(drawChart);

function drawChart() {
  var dataArray = [['Day','Matches']];
  for (var i = 0; i < 300;i++)
  {
    dataArray.push(['a' + i,i]);
  }
  var data = new google.visualization.arrayToDataTable(dataArray);        
  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  chart.draw(data);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>

Answer 1

如果您可以切换到使用连续域类型（“数字”，“日期”，“日期时间”，“timeofday”），那么您可以使用几个选项，最简单的方法是使用{{ 1}}选项（尚未针对ColumnCharts更新文档，但LineChart配置中概述的资源管理器选项将适用于ColumnCharts）：

explorer

看到它在这里工作：http://jsfiddle.net/asgallant/qqmjqu8m/。用鼠标滚轮放大;通过单击并拖动来平移。

Google Visualization Column Chart未显示所有数据

1 个答案: