Ajax Modal 호출정상 지원

구글차트 같이 보이게 하고 싶은데. echo 로값은 찍으면 정상으로 나오는데.. 그래프가 나오지 않습니다.

list -> 아래에 구글차트 소스적용 정상적으로 나옴

list -> Ajax Modal -> 모달창에서 구글차트 그래프 나오지 않음

Modal - 정보상세

데이터정보 리스트

구글차트 그래프 (오류)

- Ajax Modal view  구글차트 호출 소스파일

 

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<script type="text/javascript">

google.charts.load('current', {'packages':['bar']});

google.charts.setOnLoadCallback(drawStuff);

function drawStuff() {

      var data = new google.visualization.DataTable();

      data.addColumn('string', '년도별');

      data.addColumn('number', '등록수');

      <?php

        // query MySQL and put results into array $results

      for($i=0;$i<sizeof($result);$i++) {

      echo "data.addRow(['{$result[$i]['DATE']}', {$result[$i]['NUM']}]);";     

      }

      ?>

      var options = {

          width : "100%", // 가로 px

      height : 400, // 세로 px

      legend: { position: 'none' },

      chart: {

            //title: 'Chess opening moves',

            //subtitle: 'popularity by percentage'

        },

        axes: {

        x: {

        0: { side: 'bottom', label: '회원포인트 전체내역'} // Top x-axis.

    }

},

bar: { groupWidth: "25%" }

};

var chart = new google.charts.Bar(document.getElementById('top_x_div'));

        // Convert the Classic options to Material options.

        chart.draw(data, google.charts.Bar.convertOptions(options));

    };

</script>

</div>

<div id="top_x_div"></div>