Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
penggabungan document ready funtion dan change funtion
permisi suhu saya mau nanya. case di sini saya ingin nampilin grafik pada saat index di akses dengan grafik pada tahun sekarang atau date('Y). di sini saya ingin tanya apakah bisa document ready di jadikan satu dengan click funtion karena di sana ada kondisi di mana user bisa memilih tahun yang di inginkan tapi pada saat pertama keluar grafik pada tahun sekarang. saya sudah coba beberapa kondisi yang saya dapat adalah menggunakan document ready bisa nampilin grafik secara langsung dan ketika saya tambahin event click maka document tidak akan tampil. apakah code saya salah atau ada yang bisa jelasin apakah code saya bener apa tidak untuk kasus seperti tadi. code nya seperti ini
$(document).ready(function (e) {
$('#tahun').change(function() {
alert("Hi");
});
$('.tahun').change();
});
ini hanya contoh kodingan tetapi kalau saya gunain maka alert hi tidak akan muncul di pada saat index di akses kodingan lengkap tentang chart nya seperti ini:
$(document).ready(function(e){
$('#tahun').change(function() {
var tahun = $(this).val();
var bulan = $(this).val();
var site = "<?php echo base_url('Historymol/filter'); ?>";
$.ajax({
url:site,
method:"POST",
data:{tahun:tahun,bulan:bulan},
dataType:"json",
success:function(data){
//alert(data);
var option = {
chart: {
renderTo: 'container',
type: 'column',
events: {
drilldown: function(e) {
var chart = this,
drilldowns = chart.userOptions.drilldown.series,
series = [];
e.preventDefault();
Highcharts.each(drilldowns, function(p,i) {
if (p.id.includes(e.point.name)) {
chart.addSingleSeriesAsDrilldown(e.point,p);
}
});
chart.applyDrilldown();
}
}
},
title: {
text: 'Data Molasses'
},
subtitle: {
text: 'Klik Bar Untuk Mengetahui Lebih Lengkap</a>.'
},
xAxis: {
type: 'category'
},
yAxis: [{
title: {
text: 'Total Data Per Bulan'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
}],
legend: {
align: 'right',
x: -30,
verticalAlign: 'top',
y: 25,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false
},
plotOptions: {
column: {
stacking: 'normal',
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y:1f}',
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:2f}</b> TON<br/>'
},
series: [{
name: 'bulan',
colorByPoint: true,
}],
drilldown: {
series: [{}],
}
};
option.series[0].data = data;
// console.log(data)
var chart = new Highcharts.Chart(option);
}
});
});
});
ada yang bisa bantu makasih yang udah mau jawab.
4 Jawaban:
apakah fungsi change dan click sama2 nampilkan chart?
maaf ada kesalahan buat change bukan buat click maaf sekali lagi mksud saya di sini ketika tampilan awal index mengeluarkan alert hai
Jawaban Terpilih
sudah clear gan dapet nya seperti ini jQuery(function($) { $('#tahun').on('change', function() { alert("HI"); }); });
thanks om yang udah mau bantu jawab