Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google visualization 谷歌可视化柱形图未显示所有数据_Google Visualization_Truncate - Fatal编程技术网

Google visualization 谷歌可视化柱形图未显示所有数据

Google visualization 谷歌可视化柱形图未显示所有数据,google-visualization,truncate,Google Visualization,Truncate,我制作了一个小柱状图,所有的数据都不可见。是否有可能在不扩大宽度的情况下使所有东西都可见?或者有没有办法包括一个滚动条,这样所有的东西都可以看到 有关代码,请参见: 如下面代码所示,图表最多显示300,但最多只显示290 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load(

我制作了一个小柱状图,所有的数据都不可见。是否有可能在不扩大宽度的情况下使所有东西都可见?或者有没有办法包括一个滚动条,这样所有的东西都可以看到

有关代码,请参见:

如下面代码所示,图表最多显示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>

load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var dataArray=[['Day','Matches']];
对于(变量i=0;i<300;i++)
{
push(['a'+i,i]);
}
var data=new google.visualization.arrayToDataTable(dataArray);
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表绘制(数据);
}

如果您可以切换到使用连续域类型(“number”、“date”、“datetime”、“timeofday”),则有几个选项可供选择,其中最简单的是使用
资源管理器
选项(尚未更新柱形图的文档,但配置中列出的资源管理器选项将与柱形图一起使用):

函数绘图图(){
var dataArray=[['Day','Matches']];
对于(变量i=0;i<300;i++){
push([i,i]);
}
var data=new google.visualization.arrayToDataTable(dataArray);
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表绘制(数据、{
哈克斯:{
格式:“#a”
},
探索者:{
}
});
}
load('visualization','1',{packages:['corechart'],callback:drawChart});
查看此处的工作情况:。使用鼠标滚轮进行缩放;通过单击并拖动进行平移

function drawChart() {
    var dataArray = [['Day','Matches']];
    for (var i = 0; i < 300;i++) {
        dataArray.push([i,i]);
    }
    var data = new google.visualization.arrayToDataTable(dataArray);        
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart.draw(data, {
        hAxis: {
            format: '#a'
        },
        explorer: {

        }
    });
}
google.load('visualization', '1', {packages: ['corechart'], callback: drawChart});