谷歌可視化柱形圖不顯示所有數據

我做了一個小的柱形圖，我擁有的所有數據都不可見。是否有可能在不擴大寬度的情況下顯示所有內容？或者有什麼辦法可以包含一個滾動條，這樣一切都可以看到？谷歌可視化柱形圖不顯示所有數據

對於代碼中看到： 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

谷歌可視化柱形圖不顯示所有數據

回答

相關問題