Grafik batang lebih dominan dipergunakan instansi pemerintah, perkantoran swasta maupun organisasi swasta untuk menggambarkan tentang kondisinya. Kondisi grafik akan ditentukan berdasarkan data angka.
Grafik di bawah ini juga dikenal dengan chart Wrapper
Di bawah ini kode dari grafik di atas dan grafik ini hanya sebatas contoh saja. Sementara Detail langkah-langkahnya dapat mengikuti artikel ini
<script type="text/javascript">
google.load('visualization', '1');
</script>
<script type="text/javascript">
function drawVisualization() {
var wrapper = new google.visualization.ChartWrapper({
chartType: 'ColumnChart',
dataTable: [['', 'Sumatera', 'N T B', 'Bali', 'Sulawesi', 'Kalimantan', 'Jawa'],
['', 700, 300, 400, 500, 600, 800]],
options: {'title': 'Pulau'},
containerId: 'visualization'
});
wrapper.draw();
}
google.setOnLoadCallback(drawVisualization);
</script>
<div id="visualization" style="height: 400px; width: 600px;">
</div>