개발 Q&A

제목 Ajax Modal 구글차트 그래프
카테고리 JavaScript
글쓴이 반디 작성시각 2018/05/14 16:04:30
댓글 : 1 추천 : 0 스크랩 : 0 조회수 : 9387   RSS

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>

 다음글 소유권자 하나쿠 도메인의 이름 변경가능한가요? (3)
 이전글 리눅스.서버 영상 플레이어 사용 . 사용프로그램 / 서... (1)

댓글

변종원(웅파) / 2018/05/15 16:55:47 / 추천 0

게시판 이동합니다.

브라우저 개발자도구 콘솔에서 어떤 자바스크립트 에러가 나는지 확인해보세요.