как использовать глобальную переменную JavaScript в Google Chart

Question

Я определил переменную глобально в Java-скрипте и хочу использовать ее в Google-диаграмме, но она дает неопределенную ошибку.

  var period;
$(document).ready(function () {

 $('#period').on('change', function () {
    window.period = this.value;
    alert(period);
   });
    // period variable in google chart is showing undefined
      google.charts.load('current', {
    callback: function drawChart() {
     var jsonData = $.ajax({
            type: 'GET',
            url: "{{ url('/datesalesbarchartdata') }}/" + period ,
            dataType: "json",
            global: false,
            async: false,
            success: function (jsondata) {

            }
        }).responseText;

Answer 1

Рабочий код

     var period;
    $('#period').on('change', function () {
    window.period = this.value;

google.charts.load('current', {
    callback: function drawChart() {
        console.log(period);
       var jsonData = $.ajax({
            type: 'GET',
            url: "{{ url('/datesalesbarchartdata') }}/" + period ,
            dataType: "json",
            global: false,
            async: false,
            success: function (jsondata) {

            }
        }).responseText;
      });