flask GET요청으로 data를 받아와서 차트로 표현하고싶어요

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

flask GET요청으로 data를 받아와서 차트로 표현하고싶어요

undefined주차

소*민

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

flask GET 요청으로 data를 받아와서 line chart로 표현하고싶어서 계속 구글링 중인데 도저히 답을 찾을 수가 없어요 ㅜㅜ

여러사이트를 참조하여 값을 넣어봤는데도 왜 반응을 안하는것인지 모르겠어요

참고사이트

https://emflant.tistory.com/87

https://private.tistory.com/66

구글차트 2개를 동일한걸 띄워놨구요.

1번에 자동으로 data를 삽입하기위해서 구글링찾아가면서 이렇게저렇게 해봤는데도 어우.. 도저히 안되더라구요

제가 뭘 잘못하고있는걸까요..? 몇시간째 방황중입니다

작성한 코드 및 에러 메세지

  <html>
  <head>
    <style>
    div {
            float: left;

 }
    </style>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      google.charts.setOnLoadCallback(drawChart1);
      function drawChart() {
        var data = google.visualization.DataTable();

   // data.addColumn('string', '년도');
  // data.addColumn('number', '남성');
  // data.addColumn('number', '여성');
  // data.addRows('2004',200,300);

            // ['Year', '남성', '여성'],
            // ['2004',  1000,      400],
            // ['2005',  1170,      460],
            // ['2006',  660,       1120],
            // ['2007',  1030,      540]


        var options = {
          title: 'Company Performance',
          curveType: 'function',
          legend: { position: 'bottom' }
        };

        var chart = new google.visualization.LineChart(document.getElementById('drawChart'));

        chart.draw(data, options);
      }
      function drawChart1() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);

        var options = {
          title: 'Company Performance',
          curveType: 'function',
          legend: { position: 'bottom' }
        };

        var chart = new google.visualization.LineChart(document.getElementById('drawChart1'));

        chart.draw(data, options);
      }
    </script>

  </head>
  <body>
  <table class="columns">
    <div id="drawChart" style="width: 500px; height: 300px"></div>
    <div id="drawChart1" style="width: 500px; height: 300px"></div>
    </table>
  </body>
</html>

댓글 알림