Unyil#10 – Menambahkan Tabel Grafik

Hallo Sahabat TimUR

Pada cermi unyil kali ini yaitu ica membuat sekaligus menambahkan tabel grafik pada perkembangan progress project ica. Seperti apa sih perkembangan yang terjadi pada dapur cantik ica? Jangan bosen yah mampir ke cermi unyil ica kali ini

Nah pada saat ini, ica menambahkan tabel grafik dan ica memasukannya kedalam yang terdapat pada pendaftar.php. Seperti apa codingannya. Yuk langsung saja dilihat.

Berikut adalah codingannya untuk membuat tabel grafik :

Highcharts.chart('container', {
 chart: {
 type: 'bar'
 },
 title: {
 text: 'Data Pendaftar di Perguruan Tinggi Raharja Per-Tahun'
 },
 subtitle: {
 text: 'Source: <a href="https://en.wikipedia.org/wiki/World_population">Wikipedia.org</a>'
 },
 xAxis: {
 categories: ['Sistem Informasi', 'Teknik Informatika', 'Sistem Komputer', 'Manajemen Informatika', 'Komputerisasi Akuntansi', 'Magister Teknik Informatika'],
 title: {
 text: null
 }
 },
 yAxis: {
 min: 0,
 title: {
 text: 'Pendaftar',
 align: 'high'
 },
 labels: {
 overflow: 'justify'
 }
 },
 tooltip: {
 valueSuffix: ' pendaftar'
 },
 plotOptions: {
 bar: {
 dataLabels: {
 enabled: true
 }
 }
 },
 legend: {
 layout: 'vertical',
 align: 'right',
 verticalAlign: 'top',
 x: -40,
 y: 80,
 floating: true,
 borderWidth: 1,
 backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
 shadow: true
 },
 credits: {
 enabled: false
 },
 series: [{
 name: 'Tahun 2015',
 data: [107, 31, 635, 203, 224, 32]
 }, {
 name: 'Tahun 2016',
 data: [133, 156, 947, 408, 126, 432]
 }, {
 name: 'Tahun 2017',
 data: [1052, 954, 4250, 740, 38, 1146]
 }]
});

Berikut adalah tampilannya :

Seperti itulah tabel grafik yang ica buat. Setelah ica menambahkan codingan di atas pada pendaftaran.php maka seperti itulah tampilan tampilan grafik yang ica buat. Disini ica menggunakan basic bar charts. Dengan adanya grafik yang ica buat. Maka dari itu, akan mengetahui seberapa banyak data calon mahasiswa baru yang terdaftar pada Perguruan Tinggi Raharja setiap tahunnya.

Sekian dan Terimakasih 

 

One Response

  1. Wah ternyata pemilihan Ica jatuh pada diagram chat tetapi ada 2 pilihan ca, untuk melihat diagram naik atau tidaknya itu menjadi solusi yang tepat agar dapat melihat gambaran pada tingkatan pendaftar yang masuk pada Perguruan Tinggi Raharja

Leave a Reply

You must be logged in to post a comment.