谷歌可视化柱形图不显示所有数据

我做了一个小的柱形图，我拥有的所有数据都不可见。是否有可能在不扩大宽度的情况下显示所有内容？或者有什么办法可以包含一个滚动条，这样一切都可以看到？谷歌可视化柱形图不显示所有数据

对于代码中看到： 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>

来源

2014-09-23 Daniel

如果可以切换到使用一个连续的域类型（“数字”，“日期”，“日期时间”，“timeofday”），那么有几个选项可供您使用，其中最简单的方法是使用explorer选项（文档尚未更新为ColumnCharts但是，LineChart配置中概述的浏览器选项将与ColumnCha rts）：

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});

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

来源

2014-09-27 00:17:06 asgallant

谷歌可视化柱形图不显示所有数据

回答

相关问题