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.

avatar Ridhoa
@Ridhoa

129 Kontribusi 33 Poin

Diperbarui 6 tahun yang lalu

4 Jawaban:

apakah fungsi change dan click sama2 nampilkan chart?

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 6 tahun yang lalu

maaf ada kesalahan buat change bukan buat click maaf sekali lagi mksud saya di sini ketika tampilan awal index mengeluarkan alert hai

avatar Ridhoa
@Ridhoa

129 Kontribusi 33 Poin

Dipost 6 tahun yang lalu

kalo gitu taruh diluar change gan

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

sudah clear gan dapet nya seperti ini jQuery(function($) { $('#tahun').on('change', function() { alert("HI"); }); });

thanks om yang udah mau bantu jawab

avatar Ridhoa
@Ridhoa

129 Kontribusi 33 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban