2016-08-03 4 views
2

私の値はGoogleの縦棒グラフと以下の通りです:小さな値ならば、列を表示しない - Googleの縦棒グラフ

var data = google.visualization.arrayToDataTable([ 
['Year', 'Austria'], 
['2003', 4000], 
['2004', 1538156], 
['2005', 1576579], 
['2006', 1600652], 
['2007', 19681137], 
['2008', 1901067] 
]); 

私のグラフは下の画像のようにのように表示されます。

enter image description here

グラフの4000の値を適切に表示する必要があります。

答えて

1

問題が2003の列であるvAxisがゼロで開始したときに、軸線と列が
同じ高さである残り

に比べスライバであるので列には、この意志のSHセットvAxis.viewWindow

getColumnRangeを使用することができます

は表示されません。スライバー(列)OW、代わりに軸線の

作業スニペット以下を参照してください...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Year', 'Austria'], 
 
     ['2003', 4000], 
 
     ['2004', 1538156], 
 
     ['2005', 1576579], 
 
     ['2006', 1600652], 
 
     ['2007', 19681137], 
 
     ['2008', 1901067] 
 
    ]); 
 

 
    var columnRange = data.getColumnRange(1); 
 

 
    var options = { 
 
     hAxis: { 
 
     title: 'Cups', 
 
     }, 
 
     height: 600, 
 
     title: 'Yearly Coffee Consumption by Country', 
 
     vAxis: { 
 
     title: 'Year', 
 
     viewWindow: { 
 
      min: columnRange.min 
 
     } 
 
     } 
 
    }; 
 

 
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

+0

こんにちはWhitehat、 これは私が本当に好きな最高のソリューションです。 しかし、前回の行の制限が表示されていません。最後の値が19681137なので(20,000,000)。 ありがとう –

+0

最大を取り除くと問題が解決したようですが、上記の回答が変更されました... – WhiteHat

+0

ありがとうございました –

1

使用сonfigurationオプションchartArea

+0

こんにちはドミトリー、 返信いただきありがとうございます。 私はそれを試しましたが、私はそれに失敗しています。 同じように私を助けてもらえますか? –

関連する問題