Menjumlah data tabel database berdasarkan kategori tertentu akan memudahkan memudahkan pembaca data. Berikut ini akan diperkenal satu teknik untuk menjumlahkan data berdasarkan kategori/grup tertentu.
Table
Hasil Berdasarkan Grup
DI bawah ini kode dari tabel di atas. Cara membuatnya dapat mengikuti artikel ini
<script type="text/javascript">
google.load('visualization', '1', {packages: ['table']});
</script> <script type="text/javascript">
function drawJoin() {
var dt = google.visualization.arrayToDataTable([
['Banyak Departement', 'Nama Depan', 'Nama Belakang', 'Penjualan'],
[1, 'john', 'doe', 10],
[1, 'jane', 'doe', 100],
[3, 'jill', 'jones', 50],
[3, 'jack', 'jones', 75],
[5, 'al', 'weisenheimer', 500]
]);
// Group dt by column 0, and show column 3 aggregated by sum.
var grouped_dt = google.visualization.data.group(
dt, [0],
[{'column': 3, 'aggregation': google.visualization.data.sum, 'type': 'number'}]);
var table = new google.visualization.Table(document.getElementById('table'));
table.draw(dt, null);
var grouped_table = new google.visualization.Table(document.getElementById('grouped_table'));
grouped_table.draw(grouped_dt, null);
}
google.setOnLoadCallback(drawJoin);
</script>
<div>
Table</div>
<div id="table">
</div>
<div>
Group Result</div>
<div id="grouped_table">
</div>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['table']});
</script> <script type="text/javascript">
function drawJoin() {
var dt = google.visualization.arrayToDataTable([
['Banyak Departement', 'Nama Depan', 'Nama Belakang', 'Penjualan'],
[1, 'john', 'doe', 10],
[1, 'jane', 'doe', 100],
[3, 'jill', 'jones', 50],
[3, 'jack', 'jones', 75],
[5, 'al', 'weisenheimer', 500]
]);
// Group dt by column 0, and show column 3 aggregated by sum.
var grouped_dt = google.visualization.data.group(
dt, [0],
[{'column': 3, 'aggregation': google.visualization.data.sum, 'type': 'number'}]);
var table = new google.visualization.Table(document.getElementById('table'));
table.draw(dt, null);
var grouped_table = new google.visualization.Table(document.getElementById('grouped_table'));
grouped_table.draw(grouped_dt, null);
}
google.setOnLoadCallback(drawJoin);
</script>
<div>
Table</div>
<div id="table">
</div>
<div>
Group Result</div>
<div id="grouped_table">
</div>
Sumber: Google Code